如何在使用TS的UNI-APP项目中开启ESLINT校验
1 分钟阅读
UNI-APP是一个多端跨平台的前端开发框架,使用UNI-APP开发可以一次开发同时发布到各个平台,这也必将是未来前端的发展趋势.
我们开发UNI-APP一般都会使用HBX这个官方的编辑器,提供了更方便的开发工具集成和生态环境,但是UNI-APP是不支持用NPM安装第三方的包的,这就表明我们无法通过简单的在项目中通过配置文件的方式来做语法的校验,那么我们如何在UNI-APP中使用TS并开启TS校验呢?
这个其实我们可以通过修改编辑器插件的配置来实现,我们打开工具=>插件配置=>eslint-vue=>.eslintrc.js来修改官方的插件配置

这里我们添加了如下两行配置

然后我们保存配置文件 这时候我们的控制台会报错.
我们只需要找到报错的插件所在的目录 然后在插件的目录下用npm安装eslint-plugin-typescript和typescript-eslint-parser即可(这里我已经安装好了,再重新安装演示起来比较麻烦 还要删除依赖重新安装 这里大家自行领悟一下吧)

这时我们再看一下能否正常的校验文件即可.

OK了 愉快的在UNIAPP中使用TS吧