vuecli4.0+ 项目引入 typescript

写在前面

一开始构建项目的时候，我没想使用typescript 毕竟咱也不会，vue也刚学每多久。但是随着项目的慢慢推进，到了后期整理代码的时候，我发现其实typescript还是很有必要的，不然把自己现在的代码交上去，看着就像是一堆垃圾。而且动不动会出现奇怪的bug。再接着就是在定义接口文档的时候，id什么的，有的地方是int，有的地方是string，搞得人头大。所以没办法，就学习一项新技能吧。

所以我就去网上查阅各种资料，劈里啪啦一顿操作，一堆bug。尤其是 类似这样的文章是真的多，我想你们每个人写的都是这个嘛？然后第一句开头就是 有的项目是采用vue cli4.0脚手架生成的，现在想要引入typescript。 我看了都想骂niang。感情一个公司出来的，一个项目。 国内就是这样，怪不得博客园最近死了一批。转载好歹著名出处吧。更气人的是，按照文章里面是的说法，弄一点用都没有，还一堆bug。不是这里就是那里。无奈之下，只得自己弄。

步骤

我发现我是真的蠢。为什么咱们要用vuecli？不就是因为咱笨么？用了vuecli 咱们还需要没事去js 里面改改配置？不说了。上步骤。

vue ui # 打开vue ui ，图形界面

打开浏览器 localhost:8000

可以创建、导入、打开项目。具体的就不说了
进去以后，安装一下插件、依赖、改一下配置什么的，不是很简单嘛？
而且你安装以后，他也会问你要不要兼容js呀，要不要装这个依赖啊。这么热心的客服小姐姐 唉

---

更新

本来写完了 ，发出了。然后进到项目里面 ,准备改改代码，然后发现了这两个东东。你看看人家vuecli小姐姐对你多好？还给你建立了两个。你还傻不拉几去搜博客，自以为是，加一个shims-vue.d.ts，文件，一边改还一边沾沾自喜自己解决了这么打一个问题，今晚加一个鸡腿。唉。然后我又看了看其他的配置，人家都给你弄好了。这叫啥？家里有娇妻等你，非要出去找小三。

又看了一下，人家tsconfig都给你弄好了，你还去搬运 自己打，是真的喜欢写bug

总结

人总是习惯了搜索，忘记了有脑