Vue环境搭建

1、安装node.js

（1）下载并安装node.js

官网：Download | Node.js

历史版本：Previous Releases | Node.js

 

(2)配置nodejs prefix（全局）和cache（缓存）路径

设置nodejs prefix（全局）和cache（缓存）路径

首先，在安装目录上新建node_cache和node_global目录

设置缓存文件夹

npm config set cache "D:\node\node_cache"

设置全局模块存放路径

npm config set prefix "D:\node\node_global"

设置成功后，之后用命令npm install XXX -g安装以后模块就在d:\node\node_global里。

可以输入npm list -global命令来查看所有的配置信息。

（3）环境变量配置

【系统变量】下新建【NODE_PATH】，输入的内容根据实际来【D:\node\node_global\node_modules 】

【系统变量】下的【Path】添加上node的路径【D:\node\node_global】

 

2、配置淘宝镜像

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

 

3、安装vue

cnpm install vue -g

或者

npm install vue -g

4、安装脚手架

cnpm install -g @vue/cli

5、利用脚手架创建项目

vue create my-project