1、Node.js 环境搭建
- 在node所在的文件夹下新建目录:
-
node_cache
node_global  - 执行两条命令:说明nodejs全局位置与缓存位置
????????
npm config set prefix "C:\Program Files (x86)\nodejs\node_global"
npm config set cache "C:\Program Files (x86)\nodejs\node_cache"

?
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

?
|