如何使用vue-cli3和typescript创建一个长尾词项目？

本文共计1380个文字，预计阅读时间需要6分钟。

最近用Vue搭建了一个后台管理系统的单页应用demo。由于之前一直使用vue-cli2和JavaScript进行开发，而Vue-cli3早在去年8月就已经发布，并且对typescript有了很好的支持。为了熟悉新技术，我尝试了使用Vue-cli3和typescript进行开发。

最近在用vue搭一个后台管理的单页应用的demo，因为之前只用过vue-cli2+javascript进行开发，而vue-cli3早在去年8月就已经发布，并且对于typescript有了很好地支持。所以为了熟悉新技术，我选择使用vue-cli3+typescript进行新应用的开发。这里是新技术的学习记录。

初始化项目

卸载老版本脚手架，安装新版本脚手架后，开始初始化项目。初始化的命令跟2.x版本的略有不同，以前是vue init webpack project-name ，而现在是vue create project-name 。vue-cli3已经完全把webpack绑定了，这也就意味着无法像以前那样选择别的打包工具比如webpack-simple。如果一定要用webpack-simple，可以额外安装@vue/cli-init ，可以在不卸载cli3的情况下使用init命令进行初始化。输入create命令后，可以选择初始配置。为了学习，我选择自定义，并把所有可选内容都勾选上。其余配置项基本就按默认的来，最终的配置情况如下。