Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar

• Volar 官方提供 demo 之一：vue3-eslint-stylelint-demo (Volar + ESLint + stylelint + husky)

• script setup 实现讨论

创建项目

1. vite 创建 2. 搭建第一个 Vite 项目

eslint + prettier + husky + lint-staged + vite + vue3

eslint + prettier husky + lint-staged + commitlint 参考流程

让 husky 执行.husky 文件夹中的文件

husky 执行 pre-commit 文件 chmod ug+x .husky/_ chmod ug+x .git/hooks/_

处理.vue 一直提示，文件名称需要驼峰

https://stackoverflow.com/questions/70346829/eslint-vue-multiword-components?from_wecom=1

Antd

• Vite Antd 按需加载

• Antd 国际化 antd 时间控件使用 dayjs，非 moment

• @ant-design/icons-vue 配置到 vite: AntDesignVueResolver({ resolveIcons})

vite less 处理 + postcss + 浏览器前缀

• vite less 处理

• 支持 main.js 引入.less 文件 css 在 vite 配置，javascriptEnabled 支持 js 引入.less

  记得创建全局样式覆盖一下看看：less 覆盖全局变量

  stylelint less vue3 vite

github 提交项目使用 Github Token

Github Token