一、环境
1.系统
Windows 10
2.node.js版本
node-v14.16.1-x64
二、下载
1.下载地址
https://nodejs.org/en/download/
2.下载的文件
三、安装
1.双击【node-v14.16.1-x64.msi】,开始安装,点击【Next】按钮
2.勾选复选框,点击【Next】按钮
3.修改好目录后,点击【Next】按钮
4.点击【Next】按钮
5.点击【Install】按钮
6.点击【Finish】按钮完成安装
7.查看是否安装成功
node.js自带npm,安装node.js时会一起安装npm
npm的作用就是对node.js依赖包进行管理,也就是用来安装和卸载node.js需要的依赖包的
打开cmd命令窗口执行命令:
node -v
npm -v
可以查看出版本号说明已经安装成功
8.安装完成后的目录
四、环境配置
1.配置原因
环境配置主要是配置npm安装的全局模块global所在的路径,以及缓存cache的路径,因为在执行类似:npm install yarn -g(后面的-g是可选参数,g代表global全局安装)的安装语句时,会将安装的模块安装到C盘,占C盘空间。我希望将全局模块所在路径和缓存路径放在node.js安装的文件夹中,我安装的文件夹是【D:\nodejs】,在该文件夹下创建两个文件夹【node_global】和【node_cache】如下图:
2.创建完【node_global】和【node_cache】两个文件夹后,打开cmd命令窗口执行命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
3.配置环境变量
我的电脑 -> 右键 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量
在系统变量中点击新建
在系统变量中找到Path并选中,点击编辑,添加下图中红框中的数值:
四、测试安装yarn并配置yarn
1.安装yarn
npm install -g yarn --registry=https://registry.npm.taobao.org
2.配置下载源
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
3.vue或者react前端项目可以用yarn下载依赖包
进入项目根目录执行命令
命令 | 说明 |
---|---|
yarn | 下载依赖包 |
yarn start | 启动项目 |
yarn build | 项目打包 |