vue 集成 typescript Element UI 之懶人集成法

背景

最近有點時間，就想把個人vue項目版本升級一下，順便在折騰一下typescript...

踩過的坑

element ui官方已經寫了d.ts，但會有一個小坑，但issue都有解決方案...

正文
vue引入ts有好幾種方案，一種引入是仍是在.vue文件裏寫，不過是集成以後在<script>里加個lang="ts"。一種是寫在.ts文件中，我用的就是這一種....

引入方式極其簡單，使用這個vue-webpack-typescript

步驟

1: 安裝vue-cli
npm i vue-cli -g

2: 建立模板
vue init ducksoupdev/vue-webpack-typescript my-project

3: 安裝依賴
npm i
由於這個模板用的是sass，可使用
npm i cnpm -g
cnpm i node-sass -g
安裝node-sass

4： 集成element ui
在main.ts裏

這樣引入

修改element-ui的index.d.ts

添加css的loader

完事...

文件目錄結構

還想把個人vux項目也換成ts的，然鵝...