vite+vue3+ts+eslint编写移动端rem自适应

项目介绍

1.eslint配合prettier进行项目代码风格管理

2.postcss对css进行前缀兼容和px转rem的计算

3.配合lib-flexible.js进行rem自适应处理

4.项目使用less进行css编写，也可自行改scss,stylus

getee地址

Getee: gitee.com/zhizous/vue…

有帮助到你留下你的star，我将万分感激

安装方式

 推荐使用yarn安装: $ npm install yarn -g
 进入项目输入命令： yarn
复制代码

生产依赖项

vue，vuex，vue-router，axios，vant

{
  "axios": "^0.21.1",
  "vant": "^3.0.12",
  "vue": "^3.0.10",
  "vue-router": "^4.0.6",
  "vuex": "^4.0.0"
}
复制代码

vs code的插件和配置

这里必须安装prettier插件来管理你的代码格式化风格

这一块我已经将配置提交到了项目的.vscode文件夹里边，引入到vscode中自行安装即可

需要注意的是你要是使用setup的方式编写vue那么请禁用vetur插件，如果不是那么禁用volar插件这两个插件尽量不要同时开启，避免代码提示和格式化出现问题

项目结构

demo样例