快速无脑创建一个使用typescript开发&使用eslint代码风格校验的uni-app开发框架

1.目前已知信息

1. 在vue-cli里使用dcloud预设的uni-app开发配置,可以创建使用typescript开发但是没有eslint校验的uni-app开发框架

     vue create -p dcloudio/uni-preset-vue my-project

2. 在vue-cli里直接创建项目,可以创建使用typescript开发并且有eslint校验的vue开发框架

     vue create my-project

2.整合信息

目前得到A,B两个项目

---

A.使用typescript开发但是没有eslint校验的uni-app开发框架

---

B.使用typescript开发并且有eslint校验的vue开发框架

---

很容易想到将以上两个项目的package.json结合起来就能得到

使用typescript开发并且有eslint代码校验的uni-app开发框架

3.结合package.json注意事项

各种依赖的版本需要以A项目中的为准
否则可能会出现期望之外的错误

4.eslint校验注意事项

在对no-unused-vars这条规则进行校验时
eslint并不能正常校验typescript的type/interface的使用情况
需要按照这个issues去修改eslint配置

5.最终成果

点我查看

觉得有用的可以在github上点个星
或者给这篇文章点个收藏或者点个赞

6.挖坑

下次抽个时间写个从0开始的分解步骤