【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
相关推荐
疯狂踩坑人18 小时前
结合400行mini-react代码,图文解说React原理
前端·react.js·面试
Mintopia18 小时前
🚀 共绩算力:3分钟拥有自己的文生图AI服务-容器化部署 StableDiffusion1.5-WebUI 应用
前端·人工智能·aigc
街尾杂货店&18 小时前
CSS - transition 过渡属性及使用方法(示例代码)
前端·css
CH_X_M18 小时前
为什么在AI对话中选择用sse而不是web socket?
前端
chxii18 小时前
Spring Boot 响应给客户端的常见返回类型
java·spring boot·后端
韩立学长18 小时前
【开题答辩实录分享】以《植物爱好者交流平台的设计与实现》为例进行答辩实录分享
spring boot·后端·mysql
Wzx19801218 小时前
go基础语法练习
开发语言·后端·golang
Mintopia18 小时前
🧠 量子计算对AIGC的潜在影响:Web技术的未来可能性
前端·javascript·aigc
街尾杂货店&18 小时前
css - word-spacing 属性(指定段字之间的间距大小)属性定义及使用说明
前端·css
忧郁的蛋~18 小时前
.NET异步编程中内存泄漏的终极解决方案
开发语言·前端·javascript·.net