【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
相关推荐
zhangjr05751 小时前
【HarmonyOS Next】鸿蒙实用装饰器一览(一)
前端·harmonyos·arkts
机器之心1 小时前
全球十亿级轨迹点驱动,首个轨迹基础大模型来了
人工智能·后端
不爱学习的YY酱1 小时前
【操作系统不挂科】<CPU调度(13)>选择题(带答案与解析)
java·linux·前端·算法·操作系统
木子七1 小时前
vue2-vuex
前端·vue
麻辣_水煮鱼1 小时前
vue数据变化但页面不变
前端·javascript·vue.js
BY—-组态1 小时前
web组态软件
前端·物联网·工业互联网·web组态·组态
一条晒干的咸魚1 小时前
【Web前端】实现基于 Promise 的 API:alarm API
开发语言·前端·javascript·api·promise
潜洋2 小时前
Spring Boot教程之五:在 IntelliJ IDEA 中运行第一个 Spring Boot 应用程序
java·spring boot·后端
WilliamLuo2 小时前
MP4结构初识-第一篇
前端·javascript·音视频开发
Beekeeper&&P...2 小时前
web钩子什么意思
前端·网络