https://github.com/hanyucd/vue3-simple-ele

vue3 + typescript搭建的移动端H5
https://github.com/hanyucd/vue3-simple-ele

Last synced: about 2 months ago
JSON representation

vue3 + typescript搭建的移动端H5

• Host: GitHub
• URL: https://github.com/hanyucd/vue3-simple-ele
• Owner: hanyucd
• Created: 2023-12-27T02:53:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-03T12:41:06.000Z (almost 1 year ago)
• Last Synced: 2024-01-04T09:48:52.890Z (almost 1 year ago)
• Language: Vue
• Homepage:
• Size: 3.59 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 移动端: ele-h5

技术栈：Vue3 + Typescript + Pinia + Vite + Vant + Postcss + Pnpm + Eslint + Prettier

### 参考

[eslint-plugin-vue中文文档](https://www.cnblogs.com/qq3279338858/p/16617032.html)

[这可能是vue中eslintrc.js最详细的介绍了](https://segmentfault.com/a/1190000017461203)

[Vue3项目ESLint配置及介绍](http://www.huhaowb.com/2022/10/11/vite%E5%88%9B%E5%BB%BAVue3%E9%A1%B9%E7%9B%AE%E9%85%8D%E7%BD%AEESLint)

[一文彻底读懂ESLint](https://xieyufei.com/2021/04/25/Front-Eslint.html)

移动端H5适配方案：

1. rem 布局

```bash

- amfe-flexible

amfe-flexible 是配置可伸缩布局方案，主要是将 1rem 设为 viewWidth / 10。

- postcss-pxtorem

postcss-pxtorem 是 postcss 的插件，用于将像素（px）单元生成 rem 单位。

```

2. vw 布局

```bash

- postcss-px-to-viewport

```