用vue ui创建一个vue项目脚手架

vue 项目的创建需要node环境，若你的电脑中没有node先行至node官网下载node ，方法不再赘述。

1. 安装vue环境

先新建一个空文件夹，用于创建这个vue项目。然后cmd进入到该目录下。

#下载淘宝源npm包管理工具
#可用命令1
npm install -g cnpm --registry=https://registry.npm.taobao.org
#或者命令2
npm config set registry https://registry.npm.taobao.org
#查看淘宝源是否配置成功
npm info underscore
#安装vue脚手架工具
cnpm install -g @vue/cli

2. 创建vue项目
   可以使用vue的图形化界面来创建一个vue项目。

#继刚刚创建脚手架之后，在命令行中输入
vue ui
然后会出现Starting GUI... ,以及Ready on http://localhost:8000字样。此时，在浏览器中打开

然后点击"下一步"，即可。

3. 安装部分项目依赖
   
   先搜索对应的以来名称，并点击选中该依赖，然后点击右下角"安装XXX"。
   

#主要为 element-ui 和 axios 以及 vue-router 
#方法与安装element-ui完全一致

4. 启动项目
   当依赖安装完成之后，点击"任务",然后点击"serve",接着点击"运行"。等编译运行完成后，左边圆形图标中会出现一个对勾，此时说明项目运行成功。在浏览器中输入 http://localhost:8080即可查看到一个新的vue项目页面。
   
   
   此时，找到之前创建的项目文件夹会看到一个vue的项目包，此时我们的项目脚手架就搭建成功了。