搭建Vue脚手架环境

1.安装Node js，下载地址：下载 | Node.js 中文网

2.查看node js 版本，命令：node -v

3.安装cnpm

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

4.安装vue

cnpm install vue

5.安装vue-cli，在vue官网上可以找到最新的安装命令：Vue.js 安装 | 菜鸟教程

npm install -g @vue/cli

6.查看vue版本：vue -V

7.使用图形化界面创建和管理项目:vue ui

8.根据自身需求创建新项目

 

 

 

 

9.安装element-ui，按需安装，根据自己脚手架版本来

 

10.安装axios

11.使用Hbuilder X打开项目

12.在项目目录下执行npm run serve，运行项目

 13.通过http://localhost:8080/#/即可访问项目地址

问题一：执行命令vue ui无任何反应

解决方案：

 1.使用命令：vue -h查看是否有ui命令选项，如下图，没有ui命令选项

2.执行命令：cnpm i -g @vue/cli 更新脚手架到最新版本

3.再次使用命令：vue -h查看是否有ui命令选项，如下图，有ui命令选项了