基于vue-cli3.0的脚手架搭建

上一个上目告一段落，下一个项目还在原型讨论阶段，所以正好利用空挡期，仔细研究研究vue基于typescript开发的vue-cli3.0。
上一个项目是基于vue-cli2.x+typescript，环境是自己配的，对于2.x和3.x，最大的区别就是，3.x变得简洁许多，它去除了build和config目录，新增了public目录，index.html文件也移动至public目录中。至于，之前所有在build和config中的配置项，都可以在vue.config.js文件中配置，这个文件是存在与根目录下的，而不是存在与src目录中的。我配置的源码已上传github

1、如果没有安装 Vue CLI 就先安装

npm install --global @vue/cli

2、 创建一个新工程

vue create my-project-name

选择默认还是手动，这里我选择手动预置

preset.png

这里根据项目需求选择

check.png

这里我选择是

class-style.png

这里我选择是

auto.png

需要路由

router.png

这个随意

sass.png

这里我选择TSLint校验

tslint.png

这里保存的时校验还是提交时校验，我选择保存时

save.png

这里单独存放还是集成在package.json，我选择单独存放

config.png

安装完毕

success.png
element-ui+vue-cli3.0系列问题一：el-upload上传组件
element-ui+vue-cli3.0系列问题二：表格合并
element-ui+vue-cli3.0系列问题三：el-tooltip实现文本溢出省略号处理