Windows下安装Node.js、npm和yarn
2022/3/22 7:32:18
本文主要是介绍Windows下安装Node.js、npm和yarn,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Windows下安装Node.js和npm
前期准备
◼下载 https://nodejs.org/zh-cn/
◼安装 安装过程很简单全部是next继续就可以
安装完成后打开命令窗口 输入cmd
(npm已经在Node.js安装的时候顺带装好了。)
然后依次输入
node –v npm –v
进行验证
配置Node和npm
1.第一步修改NPM的缓存目录和全局目录路径
在D盘node目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及 最终的模块配置位置。配置完成后,执行下面这两个命令:
此处我选择放在: D:\opt\node 输入如下命令:
npm config set prefix "D:\opt\node\node_global" npm config set cache "D:\opt\node\node_cache"
设置完可以通过npm config ls查看
2.在系统环境变量添加NODE_PATH
D:\opt\node\node_global
3.编辑用户变量里面的path,增加步骤2 新增的 %NODE_PATH%
4.npm设置淘宝源
npm config set registry https://registry.npmmirror.com
也可以使用定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm
:
$ npm install -g cnpm --registry=https://registry.npmmirror.com
npmmirror 中国镜像站 https://npmmirror.com/
老http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务! 请尽快更新到新域名
5.测试 安装nrm
npm install nrm –g 执行nrm –V 这块有点坑 (如果是windows)
打开D:\opt\node\node_global\node_modules\nrm 下面的cli.js文件 修改第17行
const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');
使用nrm切换npm源
使用nrm切换registry源
1.增加淘宝镜像和太极镜像
nrm add taobao https://registry.npm.taobao.org/
nrm add yarn https://registry.yarnpkg.com/
2.切换npm registry源
nrm use taobao // 切换淘宝源
3.查看所有源
nrm ls
yarn安装和配置
1.yarn安装
npm install -g yarn
2. 配置yarn的bin路径到path中
D:\opt\node\node_global\node_modules\yarn\bin
验证
yarn –v
3.常用命令
yarn install yarn add [package] yarn upgrade [package] yarn remove [package]
4.yarn 配置全局和缓存目录
yarn config set global-folder “D:\opt\node\yarn_global” yarn config set cache-folder “D:\opt\node\yarn_cache”
执行yarn config list 查看配置是否成功
5.环境变量配置
在path中添加 D:\opt\node\yarn_global\node_modules.bin
Vscode下载与插件配置
插件
Chinese
Vetur
Spring Boot Extension Pack
Quasar Snippets
Auto Close Tag
Auto Rename Tag
Live Server
Live Sass Compiler
IntelliSense for CSS class
names in HTML
这篇关于Windows下安装Node.js、npm和yarn的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程