• 建议先看看掘金文章

10 分钟快速搭个多合一脚手架 web-core-cli，支持 Vue3、H5、node 模板

😏快速使用

npm i pnpm -g   //默认需要安装pnpm

npm i web-core-cli -g

web-core-cli create <projectname> //输入你的项目名

🔨选择模板

💻 创建 Vue3 模板（PC 端）

1. 最新 vue3 + ts
2. axios
3. pinia 状态管理
4. pnpm 更快的包管理
5. vite
6. 集成 antd vue 按需加载无需 import
7. scss
8. vueuse
9. 代码规范 ESlint + prettier + commitlint + husky + lint-staged
10. 全局环境变量

💻 创建 Vue3 模板（H5 移动端）

1. vue3 基础模板
2. 移动端适配 postcss-px-to-viewport
3. Tailwind CSS

📲 创建 Vue2 模板(H5 移动端)

1. [email protected] + [email protected] + [email protected] + [email protected]
2. 配置多环境变量
3. VantUI 组件按需加载
4. Sass 全局样式
5. vue.config.js 基础配置
6. Axios 封装及接口管理
7. Eslint+Pettier 统一开发规范
8. 支持分包

📝 创建 H5

1. 基础 H5 布局
2. normalize 及 css 通用封装
3. js 常见工具函数
4. jquery
5. flexible.js rem 布局方案
6. 集成 WeUI
7. vConsole 打印调试

💉node-mock

1. Node 快速实现 mock 接口