Vue脚手架安装教程

一、安装Node.js及配置环境

1、下载Node.js

①浏览器中输入Node.js进行搜索，找到Node.js官网

②选择14.17.6版本进行下载

③下载完之后打开文件进行安装

④安装Node.js

第一步：点击Next

第二步：勾选I accept… 然后Next

第三步：选择安装目录，Node.js默认安装目录是C盘： “C:\Program Files\nodejs” ，可以根据自己需要更改位置， **但是要记住更改的位置，后面环境配置会用到！！！**然后Next

第四步：不用管其它地，直接Next

第五步：点击Install

第六步：等一小会儿…

第七步：点击Finish

至此，我们已经完成Node.js的安装了，接下来要进行环境的配置

2、配置Node.js环境

①首先win+R输入cmd，打开“命令提示符”窗口

②使用node --version检查版本

③配置npm的全局模块的存放路径、cache的路径

在“命令提示符”窗口中执行命令：

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

  
  

  
  
1
2

注意：因为我的Node.js安装位置是D:\Program Files\nodejs所以我的两个路径是放在里面的，根据自己安装位置，自行进行选择，然后关闭“命令提示符”窗口

④环境变量配置

第一步：“此电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

第二步：新建NODE_PATH，值为Node.js所在位置（我的为：D:\Program Files\nodejs），然后编辑path，新建，为%NODE_PATH%

⑤此时Node.js就安装成功了。

注：如果安装完成后输入node -v提示’node’不是内部或外部命令，也不是…说明环境变量没有配置即一—>2—>④没有配置

二、配置淘宝镜像

打开“命令提示符”窗口，输入：

npm config set registry https://registry.npm.taobao.org

  
  

  
  
1

完成配置

三、安装脚手架

1、全局安装

打开“命令提示符”窗口，输入：

npm install -g @vue/cli

  
  

  
  
1

注：①安装过程中如果出现不动的情况，敲下回车

②如果安装出现错误 -4048

出现这种情况是用户权限问题，我们需要对node.js目录下的 node_cache和node_global的用户进行权限设置，然后重新下载，下载完之后关闭

2、重新打开“命令提示符”窗口，输入vue

注：如果出现vue不是内部或外部命令

①打开node.js所在目录，搜索vue.cmd，复制路径

②“此电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，找到系统变量里的Path，将刚刚复制的路径添加在里面

此时脚手架创建完成。