Uni-APP+Vite+Vue3+TS+Eslint

• 本文档使用的是webstrom进行开发，一些配置也是仅针对webstrom；
• 本文使用的是cli的方式搭建项目
• 本文node环境为 v14.20.0

1.创建工程

下载官方的cli代码

 代码地址https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite-ts.zip

解压缩后执行下面命令即可运行 

npm i
npm run dev:h5

2.安装Sass依赖

 执行下面命令即可

npm i sass node-sass  sass-loader -s -d

3.安装Eslint

安装部分我就引用一下我之前写的文章了，完全一样就不在这里赘述了

【Vue】EsLint+Husky 实现代码提交时自动校验https://blog.youkuaiyun.com/weixin_39370093/article/details/123964096?spm=1001.2014.3001.5502

只需修改一下【package.json】中的lint命令

"lint": "eslint \"src/**/*.{js,jsx,ts,vue}\" --fix"

3.webstrom兼容

a.rpx兼容

webstrom不识别rpx，格式化也会出现  1空格rpx 这种情况。webstrom有一个小程序的插件

【WeChat Mini Program Support】

 安装完成后重启ide，再进行以下操作

b.json注释（没有这方面问题就直接忽略）

将json5与webstrom关联

 

 新增文件名模式