@tenger-cli/cli
v0.0.23
Published
脚手架,用于快速构建项目
Downloads
7
Readme
脚手架
根据命令快速生成前端开发模板。
因我们主要使用Vue, 所以当前模板仅支持Vue3。如需增加其他,可自行配置。
分为PC,移动两个平台。PC使用ant-design-vue
组件库,移动使用Vant
组件库。
设计思路
1.根据命令配置,生成基础模板(技术框架,UI组件库,平台)。
2.自动注入生成环境依赖vue-router
、pinia
、请求方法(封装在utils包中)
,开发环境依赖ts
、less
、lintConfig(所有lint设置封装在lint包中包括)
、vite相关
。
3.文件目录结构为
|- src
|- assets
|- api
|- hooks
|- router
|- store
|- components
|- style
|- views
|- utils
|- app.vue
|- main.ts
|- .env.test
|- vite.config.ts
|- eslintrc.js
|- .eslintignore
|- .gitignore
|- stylelintrc.js
|- .stylelintignore
|- tsconfig.json
|- .vscode
|- .husky
其中,lint配置相关类文件,会在安装lint包的时候,自动插入到项目中去。 项目业务类文件,和vite.config.ts 会在cli中生成模板,在创建项目的时候,copy文件到项目下。
- 移动端使用
pw-to-rem
,在移动端项目中会自行添加