上篇文章说完如何引入vue库，这篇文章我们来说创建vue项目，不是简单的引入vue库。
创建vue脚手架项目
作为前提，我们需要全局下载vue（vue-cli）插件模块。
cnpm install @vue/cli -g
查看版本(注意大写)：
vue -V
手动创建
vue-cli提供创建vue脚手架创建项目的指令
vue create app1
- 创建过程耗时较长，建议将初始化的包进行备份，下载创建项目复制一份即可。
- 创建成功：
- 文档结构：
vue ui创建
通过视图创建更加方便，更加主流。
我们通过该指令进入这个界面：
vue ui
实际上，我们可以在任意位置执行这条指令，帮助我们部署一个服务器，展示一个网站，通过这个网站我们可以可视化操作——创建项目、配置插件、配置模块、配置项目、运行项目、热更新等等。
快速启动ui界面
创建一个text文本文件，写入vue ui指令并保存。关闭之后修改文件的后缀为bat：
点击之后就会自动执行vue ui指令，从而减少手动输入指令回车的步骤。
通过vue ui图形化方式，创建项目相比终端指令创建会使项目体积更大，具体使用情况看个人选择。
启动初始项目
启动方法其实和创建方式一样有两种。本质上是webpack内置进了vue-cli当中，我们运行项目打包项目都是间接的使用着webpack。
——通过终端完成vue项目运行（非打包）
我们注意到npm配置文件package.json中有指令：
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
vue-cli-service是内置在vue-cli当中的插件，包含了webpack-serviceserve即运行项目，不会产生打包文件。并构建服务器主动打开应用页面。build是打包构建，项目完成之后通过这个指令打包成最终上线的状态。lint用于检查项目结构，查出错误bug等问题。
所以我们知道运行vue项目的指令
npm run serve
——vue ui运行项目
vue ui确实更加便捷美观，通过下图的指示便快速启动项目并知道更多更直观项目运行信息。
vue ui中的serve图标其实就是webpack配置文件的标志。
