TS基础知识已经学完了,但我们学习TS的目的是什么?当然是在实战项目开发中使用啦~
那么接下来就学习下如何在vue cli中使用ts去开发项目及一些ts项目配置;
首先我们需要创建一个vue脚手架,执行
vue create ts-demo
创建一个ts-demo项目,然后执行
vue add @vue/typescript
安装typescript,安装时条件选项全部选yes即可,然后执行
npm i vuex
安装vuex;
如此,一个ts的vue项目的基本框架就搭建好了,如下是App.vue文件的对比:
我们需要先关闭变量未使用检查:eslint会对声明但未使用的变量做检查,如果发现就会报错,造成不必要的麻烦;
关闭方法:
找到package.json文件,然后在此文件中找到 rules属性在rules属性中添加(修改):
"no-unused-vars":0