Vue开发环境搭建

1、安装nodejs

1.1、安装软件 

nodejs下载地址：Node.js

 

1.2、打开CMD验证安装状态

node -v

npm -v 

 

1.3、配置全局环境变量

注意：在nodejs安装目录中创建文件夹node-global和node-cache

 

1.4、打开CMD配置包目录

注意：用管理员打开CMD

npm config set prefix "C:\Program Files\nodejs\node-global"
npm config set cache "C:\Program Files\nodejs\node-cache"

 

2、安装vue/cli

注意：用管理员打开CMD

npm install -g @vue/cli

 

3、设置Vue全局变量

注意：设置之后需要重启系统

在系统变量Path中添加

验证配置状态

 

4、安装cnpm

注意：用管理员打开CMD 

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

5、安装webpack

注意：用管理员打开CMD

全局安装webpack 

cnpm install webpack -g

全局安装webpack-cli

npm install -g webpack-cli