一、下载与安装
1、创建文件夹
在D盘根目录下创建文件夹,命名为Nodejs(要确保在Nodejs中创建文件夹不需要管理员权限,不满足该要求的话,重新创建Nodejs文件夹)
2、下载
登录node.js官网,进行下载安装,官网地址如下:
Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en
3、安装步骤
3.1选择Next
3.2、勾选同意,然后next
3.3、更改安装路径,选择路径为我们在D盘创建的Nodejs文件夹,然后next
3.4、默认选择next
3.5、默认选择next
3.6、默认选择Install
3.7、选择Finish
3.8、输入cmd命令,查看是否安装成功
Win+R打开命令窗口,然后输入cmd,然后输入下面的命令:
node -v 查看node版本
npm -v 查看npm的版本(新版的node安装自带npm)
二、环境配置
(配置全局安装的模块路径和缓存路径)
1、模块路径
1.1、在Nodejs根目录,创建node_global
,node_cache
文件夹
1.2、修改包路径
在接下去操作中我们会执行npm命令,比如npm install -g XXXX,下载的全局包会放在C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看,这样的话C盘文件越来越多,所以进行路径的改变,这里需要改变两个路径,先新建文件夹,再执行如下两条指令,一条是配置本地仓库,一条是指定缓存地方。
以-管理员身份- 打开cmd,配置路径:
(步骤:win——输入框——cmd——右键——以管理员身份运行)
npm config set prefix "D:\Program Files\Nodejs\node_global"
npm config set cache "D:\Program Files\Nodejs\node_cache"
2、配置缓存路径
2.1 找到电脑环境变量位置
win10&win11:右键此电脑——属性——高级系统设置——高级——环境变量
2.2 创建 NODE_PATH 变量(在系统变量中)
变量值为node_modules地址(进入node_modules,复制当前路径)
2.3 在 系统变量中选择 Path 添加如下属性
D:\Nodejs\ -- 为npm命令
D:\Nodejs\node_global -- 为vue命令
3、npm 源设置
在国内有时候受限于网络因素的影响,通常在安装一个包管理器之前可以切换为 淘宝 NPM 镜像,加速安装速度,但是要注意如果是私有模块在 NPM 官方的,则必须切换为官方源,否则会出现 404 错误。
切换为 taobao 源
npm config set registry=https://registry.npmmirror.com
4、测试
全局安装最常用的 express 模块 进行测试
npm install express -g
5、node.js命令
nodejs:是一个js的运行时,任何设备只要安装了nodejs就可以执行js。nodejs让js拥有了更多的可能性。
npm在nodejs安装成功以后就可以用了。
npm:包管理器,类似于linux操作系统的yum。可以实现软件或模块的自动下载和安装。
npm install 包名 [-g]全局 简化:npm i 包名
npm install 包名@版本号
npm install 包名 包名 ...
npm uninstall 包名
npm list 查看已经安装的包
三、安装vue cli
1、通过npm命令安装,安装命令如下:
npm install -g vue-cli
2、安装之后出现下面的文件
3、配置方式跟原来一样,将vue的根目录路径D:\Nodejs\node_global配置到系统变量的path中
4、通过命令检测cli是否安装成功
vue -v
四、相关命令
查看当前 npm 源
npm config get registry
卸载cli
npm uninstall -g vue-cli
安装cli
npm install -g @vue/cli
//Yarn是facebook发布的一款取代npm的包管理工具
安装yarn
npm install -g yarn