环境
安装vue-cli（自3.0开始改名为@vue/cli）
npm install -g @vue/cli
检查是否安装成功
一、命令行创建
在要建立项目目录里执行 npm create 项目名
default：默认配置
Manually select features：手动配置
这里我选择到手动配置
Babel：语法转译（es6 -> es5等）
TypeScript：使用ts
Progressive Web （PWA）Support：渐进式网络应用
Router：使用vue-router
Vuex：使用Vuex
CSS Pre-processors：css预处理
Linter / Formatter：ESLint代码检测工具
Unit Testing：单元测试
E2E Testing：端到端测试
空格键选中/取消，我到选项如图，本着demo原则并未启动代码检测，建议正式项目中启用
vue-router是否使用HTML History模式，这里我选择不启用
详见https://router.vuejs.org/zh/guide/essentials/history-mode.html
选择css预处理 这里我使用的是less
如何存放配置
In dedicated config files：存放到独立文件
In package.json：放到package.json中
这里我选择存放package.json中。
是否保存此次配置，方便下次创建项目直接引用
这里我选择了不保存
创建成功执行 npm run serve，在浏览器访问loaclhost:8080即可看到页面。
二、可视化创建
执行 vue ui，即可弹出浏览器可视化创建页面，语言为中文，选项和命令行创建基本一样，不做过多介绍。
三、项目目录介绍
node_modules：node目录，依赖
public：静态资源目录
public/index.html：项目模板文件，生成项目的文件入口
src：项目主要文件
src/assets：静态资源目录
src/components：公共组建
src/router：vue-router文件
src/store：vuex文件
src/views：视图组件文件（页面）
src/app.vue：vue项目主组件，其他页面都是在此组件中切换
src/main.js：入口文件，初始化vue
.gitignore：git上传需要忽略的文件
babel.config.js：babel配置文件
package.json：项目依赖模块信息
package-lock.json：npm install生成的文件，记录实际安装的各个包的信息
README.md：项目入门手册，相当于使用说明书，可删除
此外可在根目录下创建vue.config.js文件，可以用于设置代理,打包配置等。因为的创建项目时的配置选项，并未自动生成。
vue.config.js详细配置参考官网https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE
vue3.0开始有两个放置静态资源的目录，分别为public和assets。
public放不会变动的文件（相当于vue-cli2.x中的static）。public/目录下的文件不会被webpack处理，会原样打包到输出路径，必须使用绝对路径引用这些文件，这个取决于你vue.config.js中publicPath到配置，默认是/。
assets放可能会变动到文件。asstes目录中文件会被webpack处理解析为模块依赖，只支持相对路径形式。
简单来说public放别人家到js，assets放自己家的。