使用Webpack和Typescript的Vue 2.5模板

Question

文档说明了一个针对打字稿的vue-cli模板即将推出，但目前没有一个是可用的。官方vue指南仅显示推荐的tsconfig.json文件。

我认为还有很多额外的工作可以让webpack中的所有魔法发挥作用。根据以前的项目，使用基于过时版本的webpack的旧入门套件，将给我带来数小时的未来头痛。

所以，如果有人已经遇到了创建vue / vuex / webpack /打字稿的麻烦，我真的很高兴你能分享它。

由于

Answer 1

我使用TypeScript，webpack，vuex和vue-component-class创建了一个Vue项目。

这是给我的朋友的，所以你也可以使用它。

1. 从我的google驱动器zip下载zip文件。

2. npm install

3. 打开浏览器。

4. http://localhost:3443

Answer 2

好吧，我觉得官方vue-cli模板的发布很接近。但是因为我不知道它有多接近，也许yu可以从ducksoupdev的模板开始（好消息，它说它已经是Vue@2.5）：

https://github.com/ducksoupdev/vue-webpack-typescript

显然，它不包含vuex初始化，但可以是一个很好的起点。总而言之，实际的官方模板也不包括vuex。

Answer 3

您可以尝试Microsoft提供的这个样板：TypeScript Vue Starter。只需你可以运行：

npm install --save-dev typescript webpack ts-loader css-loader vue vue-loader vue-template-compiler

并从文档中添加Web包配置以开始使用。

你可以找到它Here