Vite2 Cli

通过 vue3.0 + vite2 初始化项目后，通常还需要进行一些额外的配置，例如 vue-router、vuex、eslint、axios、global scss... 等功能，而 vite2 cli 的作用就是已经提前帮你配置好了。并且还集成了一些其他规范化的功能，目录结构、代码提交校验、代码标签排序等

安装

安装到全局

npm i vite2-cli -g

使用 cli

vite2-cli

相关功能

持续集成

• 采用 vue3.0 + vite + typescript + scss
• 采用 eslint 代码规范
• 集成 git hooks 钩子
• 集成 git commit message 规范
• 集成 git commit code 规范
• 集成 eslint vue/attributes-order 规范
• 已配置 global scss 变量
• 已配置 vue-router 4
• 已配置 vuex 4
• 已配置 @ alias

代码提交信息校验

• feat：新功能（feature）
• fix：修补 bug
• docs：文档（documentation）
• style： 格式（不影响代码运行的变动）
• refactor：重构（即不是新增功能，也不是修改 bug 的代码变动）
• test：增加测试
• chore：构建过程或辅助工具的变动

注意事项

格式化配置

• 项目中默认在 .vscode / settings.json 中已经配置好了

• 请尽量避免用户的配置和项目工作区的配置存在冲突（如果有，会以工作区的为准）

• vue、ts、json 等文件统一使用（prettier 进行格式化）

插件配置

• 请禁用 Vetur 插件

• 必须安装 Volar 插件 、 Prettier - Code formatter 插件、ESLint 插件

• 可选安装 Vue 3 Snippets 插件

无法解析全局模块

• 找不到模块 “vue” 或其相应的类型声明

• 安装一下 node_modules 报错就会消失