删除 package-lock.json 和 yarn.lock
npm intall 和 yarn 各执行一次,生成新的固定版本
所有的 Component 文件都是以大写开头 (PascalCase),这也是官方所推荐的。
但除了 index.vue。
例子:
@/components/BackToTop/index.vue
@/components/Charts/Line.vue
@/views/example/components/Button.vue
所有的.js 文件都遵循横线连接 (kebab-case)。
例子:
@/utils/open-window.js
@/views/svg-icons/require-icons.js
@/components/MarkdownEditor/default-options.js
在 views 文件下,代表路由的.vue 文件都使用横线连接 (kebab-case),代表路由的文件夹也是使用同样的规则。
例子:
@/views/svg-icons/index.vue
@/views/svg-icons/require-icons.js
vue3 h5 的基础通用模板,采用 rem 适配,postcss.config 可以设置设计稿宽度,现在是 750
内置 tailwindcss,由于 tailwindcss 使用的是 rem 为基本单位,所以写宽高字体大小等只能使用 基类-[100px]
的形式,如 w-[100px]、text-[16px]
内置自动导入函数插件 无需手动引入 vue vue-router pinia 的函数
内置自动导入组件插件 无需手动引入 vant 组件
采用 vite 构建,使用 gzip 压缩、rollup 拆分打包
- vue3
- vue-router
- typescript
- pinia
- scss
- vant3
- tailwindcss
- axios
- animate.css
- js-cookie
- lodash-es
- nprogress
- validator