Vue之安装Node.js和脚手架

文章目录

下载配置环境变量配置npm在安装全局模块和缓存cache的路径安装vue-cli脚手架

下载

Node.js下载安装地址

下载对应版本,我下载的是.msi的安装包，然后安装，个人的习惯是安装到D盘的Environment

这时候打开cmd命令行输入

node -v npm -v

配置环境变量

本来想要在Path中添加环境路径，打开后发现已经自动配置好了 如果没配置好，在Path中添加即可，

路径取决于你的安装路径，这里是我的安装路径

配置npm在安装全局模块和缓存cache的路径

为啥要这样做，这样方便管理，可以避免一些关于权限或者奇奇怪怪的问题。

打开管理员cmd命令行输入

npm config set prefix "D:\Environment\node_global" npm config set cache "D:\Environment\node_cache"

上面的操作代表修改全局下载的目录到D:\Environment\node_global,缓存目录为D:\Environment\node_cache,修改全局下载时会自动生成node_global目录，下载时会自动生成

node_cache.

安装vue-cli脚手架

之前我们修改了全局包的下载路径，那么说明我们下载的全局包会存放在D:\Environment\node_global\node_modules,对应的cmd指令会存放在D:\Environment\node_global

在全局安装一个vue-cli脚手架

用淘宝镜像，这样飞快

npm install @vue/cli -g --registry=https://registry.npm.taobao.org

由于之前改了全局包的路径，所以要在新的路径下找，也就是之前设置的安装全局包的路径D:\Environment\node_global，就需要添加这条到环境变量PATH中