fe-templates-cli

用于减少开发成本，比如开发库、开发项目的初始化。

1、提供的模板列表

主要提供的模板列表如下：

• 基于Vite+Vue3+TS+Pinia组合的模板

2、模板的优势

1、Vite+Vue3+TS+Pinia模板

• 集成了一套基于prettier+eslint配置的项目代码规范；
• 提供了自动引入组件和自动注册组件的机制（本地组件自动引入，ElementUI-plus自动引入等）；
• 提供了自动引入图标的解决方案（本地svg引入及在线iconify引入）；
• 提供了多种代码片段快速生成(vue3单文件组件、pinia文件新建)；
• 提供了axios简单封装，可以基于此进行实际业务的扩展；

2、Vue2+Webpack5+Vuex+JS

• 集成了一套基于prettier+eslint配置的项目代码规范；
• 封装了引入图标的解决方案（本地svg引入）；
• 提供了代码片段快速生成(vue2单文件组件)；
• 提供了axios简单封装，可以基于此进行实际业务的扩展；

3、使用脚手架新建项目

// 全局安装脚手架
npm install fe-templates-cli -g
// 验证是否安装成功,安装后命令是fe-cli
fe-cli // 查看是否正常输出，查看可执行的命令
// 查看安装版本
fe-cli -v
// 新建项目模板
fe-cli create [projectName] // 后面的projectName可填可不填
// 更新脚手架版本到最新版
fe-cli update

使用fe-cli create新建项目后如下：

? 请输入项目用途描述 前端脚手架生成项目
? 请输入作者 dairuining
? 请选择构建工具 Vite
? 请选择是否采用VSCode作为开发编辑器 是
√ 项目创建成功，项目名称：test-project
√ 执行以下命令启动项目：
i cd test-project
i pnpm install
i pnpm run serve