创建VUE项目环境搭建

1. 下载nodejs 安装

https://nodejs.org/zh-cn/

2. 检查nodejs 安装

node -v
npm -v

image.png

3. 配置全局模块和缓存路径

新建node_global，node_cache目录

image.png

配置默认目录：
npm config set prefix "D:\Devtools\nodejs\node_global"
npm config set cache "D:\Devtools\nodejs\node_cache"

4. 测试配置的路径是否有效

npm install express -g

image.png

5. 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

测试是否安装成功
cnpm -v

image.png

6. 配置环境变量运行模块命令

新建
NODE_HOME
D:\Devtools\nodejs

image.png

path添加一项
%NODE_HOME%\node_global

image.png

7. 安装VUE

cnpm install -g @vue/cli

8. 创建VUE项目

vue create vue-demo