Vue-cli3.0脚手架安装

1、Node.js 环境搭建

1. 在node所在的文件夹下新建目录：

2. node_cache
   node_global
   

   
3. 执行两条命令：说明nodejs全局位置与缓存位置

        

npm config set prefix "C:\Program Files (x86)\nodejs\node_global"
npm config set cache "C:\Program Files (x86)\nodejs\node_cache"

 

• 测试：全局安装express

npm install express -g

• 切换淘宝镜像

        

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

• 增加环境变量(这个是淘宝的镜像目录)

	C:\Program Files (x86)\nodejs\node_global\node_modules

切换淘宝镜像：

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

 查看版本 cnpm -v

全局安装Vue3.x脚手架

cnpm install -g @vue/cli 

 安装后，可检查其版本：
使用vue --version【注意：符号为双 “ - ”】或者vue -V【注意：此处是大写 “ V ”】
-V，-- version ——版本输出版本号
-h，-- help ——帮助输出使用信息
如图：

若此时，仍需要用vue-cli 2.x版本语法（vue init），需下载一个桥接工具：

npm install -g @vue/cli-init

 （1） Vue初始化项目（vue-cli2.x的初始化项目方式）

 vue init webpack admin

（2） Vue初始化项目 （vue-cli3.x的初始化项目方式）

vue create home

 创建项目过程中根据需要的选择

 运行admin项目开启8080端口（vue-cli2.x运行项目方式）

 cd admin
 cnpm run dev

访问项目
localhost:8080