【npm设置代理-解决npm网络连接error network失败问题】

【npm设置代理-解决npm网络连接error network失败问题】

创建vue项目出错

创建vue项目

bash 复制代码
npm create vue@latest

连接网络失败

bash 复制代码
npm error code ECONNRESET
npm error syscall read
npm error errno ECONNRESET
npm error network request to https://registry.npmjs.org/create-vue failed, reason: read ECONNRESET
npm error network This is a problem related to network connectivity.
npm error network In most cases you are behind a proxy or have bad network settings.
npm error network
npm error network If you are behind a proxy, please make sure that the
npm error network 'proxy' config is set properly.  See: 'npm help config'
npm error A complete log of this run can be found in: C:\Users\aisqu\AppData\Local\npm-cache\_logs\2024-11-21T07_49_10_663Z-debug-0.log

查看npm代理

bash 复制代码
npm config get proxy
npm config get https-proxy

设置npm代理

对于Clash Verge

bash 复制代码
npm config set proxy http://127.0.0.1:7897
npm config set https-proxy http://127.0.0.1:7897

对于v2rayN

bash 复制代码
npm config set proxy http://127.0.0.1:10809
npm config set https-proxy http://127.0.0.1:10809

自定义代理服务器

设置密码

bash 复制代码
npm config set proxy http://<username>:<password>@<proxyServerDomanNameOrIP>:<port>
npm config set https-proxy http://<username>:<password>@<proxyServerDomanNameOrIP>:<port>
  • <username>:用户名
  • <password>:密码
  • <proxyServerDomanNameOrIP>:代理服务器域名或者IP
  • <port>:端口

没有设置密码

bash 复制代码
npm config set proxy http://<proxyServerDomanNameOrIP>:<port>
npm config set https-proxy http://<proxyServerDomanNameOrIP>:<port>

删除代理

bash 复制代码
npm config delete proxy
npm config delete https-proxy

更换其他源

查看当前源

bash 复制代码
npm config get registry

返回默认的是官方提供的源

bash 复制代码
https://registry.npmjs.org/

更改 npm 源

将 npm 的源切换为淘宝的镜像源。以后,所有的 npm install 命令都将使用该源。

bash 复制代码
npm config set registry https://registry.npmmirror.com/

切换回官方源

bash 复制代码
npm config set registry https://registry.npmjs.org/

临时切换源

只想临时更改源而不影响全局配置,可以在执行 npm install 时通过 --registry 选项来指定源。

bash 复制代码
npm install <package-name> --registry=https://registry.npmmirror.com/

比如

bash 复制代码
npm install lodash --registry=https://registry.npmmirror.com/

临时更换源创建vue项目

原始命令

bash 复制代码
npm create vue@latest

创建 Vue 项目并使用淘宝镜像源

bash 复制代码
npm init vue@latest my-vue-app --registry=https://registry.npmmirror.com/

创建 React 项目并使用淘宝镜像源

bash 复制代码
npm create react-app my-react-app --registry=https://registry.npmmirror.com/

创建 Next.js 项目并使用淘宝镜像源

bash 复制代码
npm create next-app my-next-app --registry=https://registry.npmmirror.com/

创建 Express 项目并使用淘宝镜像源

bash 复制代码
npm create express-app my-express-app --registry=https://registry.npmmirror.com/

npm其他常用命令

查看 npm 版本

bash 复制代码
npm -v

查看node版本

bash 复制代码
node -v

初始化项目

bash 复制代码
npm init

安装依赖

npm install用来安装项目中的依赖,通常会自动根据 package.json 文件中的 dependencies 和 devDependencies 安装相应的库。

bash 复制代码
npm install

指定安装特定的包

安装 express

bash 复制代码
npm install express

卸载依赖

bash 复制代码
npm uninstall express

或者

bash 复制代码
npm remove

查看已安装的依赖

查看本地依赖

bash 复制代码
npm list

查看全局依赖

bash 复制代码
npm list -g

查看当前项目中已安装的依赖和可用的最新版本

bash 复制代码
npm outdated

更新依赖

更新项目中所有依赖包到符合 package.json 中版本范围的最新版本。

bash 复制代码
npm update

指定包名来更新某个特定的包

bash 复制代码
npm update express

全局安装包

使用 -g 标志来全局安装某个包,这样可以在任何地方运行这个包的命令。

bash 复制代码
npm install -g create-react-app

运行脚本

在 package.json 文件的 scripts 部分定义自定义脚本,然后通过 npm run <script-name> 来运行这些脚本。

bash 复制代码
"scripts": {
  "start": "node server.js",
  "dev": "nodemon server.js"
  "test": "jest"
}

启动服务器

bash 复制代码
npm run start

启动开发模式的构建和服务

bash 复制代码
npm run dev

运行测试

bash 复制代码
npm run test

查看 npm 配置

查看当前配置

bash 复制代码
npm config list

查看所有配置

bash 复制代码
npm config ls -l

清除缓存

清除 npm 缓存,可以解决一些安装包时遇到的问题,特别是在依赖安装失败时。

bash 复制代码
npm cache clean --force

发布包

bash 复制代码
npm login
npm publish

登录和退出 npm 账户

登录到 npm 账户

bash 复制代码
npm login

退出 npm 账户

bash 复制代码
npm logout
相关推荐
默_笙1 分钟前
😁 LLM 不知道的事它不会说"不知道",而是会"编"——RAG 就是让它闭嘴先查资料
前端·javascript
stringwu3 分钟前
用 LangGraph 落地飞书 Bug 自动修复 Agent 实践
前端
Revolution613 分钟前
变量提升到底提升了什么:为什么 var 是 undefined,let 却直接报错
前端·javascript
ZDQNFU6 分钟前
ORM之SQLAlchemy教程
后端·python
Assby7 分钟前
为什么我不建议你在 MySQL 里写 `IN (超过1000个ID)`?从 AST 解析到存储引擎的深度拆解
后端·面试
Revolution618 分钟前
本地明明正常,为什么 CI 又挂了:一次前端构建失败的排查过程
前端·前端工程化
用户40966601317518 分钟前
从 MyBatis 到 JPA:一个 CRUD 程序员的认知重建
后端
太平洋月光15 分钟前
stagewise如何结合cursor开发
前端·ai编程
前端Hardy16 分钟前
JavaScript 终于又进化了!ES2026 正式发布,这些新特性你必须知道!
前端
光影少年17 分钟前
react navite 页面跳转、传参、路由监听、导航栏自定义
前端·react native·react.js