下载Node
node官网下载即可
安装Node
安装
我下载的14版本的,因为我发现16的好像有啥东西不兼容,下载exe就行,一路下一步。
安装路径我的在D:\Program Files\nodejs
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口看看安装成功没有
安装目录是这样的
node_cache和node_global是我新建的。干啥的下面讲
配置环境变量
我上面建的那俩文件夹就是这儿用的。
node_global:npm安装的全局模块所在的路径,;
node_cache:缓存cache的路径
为啥要配是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Program Files\nodejs】下创建两个文件夹【node_global】及【node_cache】如上图。
创建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
在【系统变量】下新建【NODE_PATH】,
输入D:\Program Files\nodejs\node_global\node_modules
将【用户变量】下的【Path】
修改为D:\Program Files\nodejs\node_global
注意!!!!!!!!是点编辑!!!不是新建!!!!!!!!!我踩了好几次坑了!!!!!
测试
随便安装一个常用的模块测试看看
npm install express -g
-g是全局的意思
如下图,表示好了,刚开始回车后会有一个安装的过程,等等就好了
Vue安装
安装脚手架
直接在cmd里操作就行
npm install -g vue-cli
安好后差不多就是跟上图那个显示的差不多我就不截图了