【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
相关推荐
CodeSheep4 分钟前
首个OpenClaw龙虾大模型排行榜来了,国产AI霸榜了!
前端·后端·程序员
Moment7 分钟前
想转 AI 全栈?这些 Agent 开发面试题你能答出来吗
前端·后端·面试
Joy T29 分钟前
【Electron架构解析】打破浏览器沙盒:从 Web 前端到桌面客户端的技术跨越
前端·架构·electron
parafeeee9 小时前
程序人生-Hello’s P2P
数据库·后端·asp.net
Rsun045519 小时前
React相关面试题
前端·react.js·前端框架
鹏多多.10 小时前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
bug攻城狮10 小时前
Spring Boot应用内存占用分析与优化
java·jvm·spring boot·后端
LawrenceLan10 小时前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart