/web-core-cli

多合一脚手架(Vue3、Vue2、Mock、H5)

Primary LanguageJavaScriptMIT LicenseMIT

web-core-cli

  • 建议先看看掘金文章

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. Vue@2.6 + vue-cli@5.0.0 + vue-router@3.5.1 + vuex@3.6.2
  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 接口