WY CLI 到底有什么用？

定位

我先说一下 WY CLI 是什么吧，我是这么定位的：

WY CLI 是某个小厂（瑟瑟发抖）的大前端基础建设解决方案（假装高大上），支持创建脚手架、打包、启动一个 HTTP 静态资源服务等功能，开箱即用~

功能和使用场景

那 WY CLI 到底有什么用呢？

• 基于 Vue.js 和 ant-design-vue 的中后台前端脚手架，基于 ant-design-vue 封装了更易用的组件库、提供了极速开发页面的模板库以及内置了灵活的布局定制、多环境配置等功能，可以为你提供中后台项目创建到上线一条龙的开发体验。中后台脚手架效果预览
• 基于 Egg.js 的后端脚手架，脚手架内置了数据库操作、自动生成接口文档、字段校验等功能，不需要你再进行繁琐配置，可快速进入业务开发
• 基于 TS 的命令行脚手架，脚手架内置了 TS 环境和发布配置，可享受愉悦的 TS + Node.js 开发体验
• 可一键启动一个 HTTP 静态资源服务，不再为没有 HTTP 环境而烦恼
• 打包和部署，配合中后台前端脚手架使用

未来可能会新增：

• 基于 uniapp 的多端小程序开发脚手架
• 基于 electron 的桌面端脚手架

目前，基于 uniapp 的多端小程序开发我还在填坑中，基于 electron 的桌面端开发有新项目正在使用，不日将会分享出来接受诸神的毒打。。。

那什么场景可以用到 WY CLI 呢？我列了一下：

• 想要 JS 一把梭哈来完成前后端开发
• 想要使用 Egg.js 来开发后端
• 想要使用 TS 来开发 Node.js CLI
• 想要学习 TS
• 在找一个极速上手的中后台前端脚手架

以上场景如果你遇到了，那 WY CLI 还是可以考虑一下的~

使用

安装

npm i @wytxer/wy-cli -g

wy init

初始化一个工程。支持在已经创建好的目录下执行这个命令，例如在 project-name 工程下执行 wy init，或者直接指定要创建的工程名称，例如：wy init project-name。

目前支持的脚手架模板：

◯ 中后台前端脚手架（Vue.js 2.x + Vue Router + Vuex + Ant Design Vue）
◯ 组件（Vue.js 2.x + Vue Router + Vuex）
◯ 示例（Vue.js 2.x + Vue Router + Vuex）
◯ 后端脚手架（Node.js + Egg.js + Sequelize）
◯ 命令行脚手架（Node.js + TypeScript + Commander）

• 中后台前端脚手架使用文档
• 后端脚手架使用文档
• 命令行脚手架使用文档

wy server

启动一个 HTTP 静态资源服务。（基于 http-server）

# 指定 dist 目录启动服务
wy server dist

# 指定代理地址和端口号
wy server dist -P http://127.0.0.1:7002 -p 1111

执行 wy server 查看更多使用方式。

wy tar

将项目打包成一个 Node.js 部署包。

# -b 表示打包 dist 静态资源，如果你确定 dist 目录是最新的就不需要添加「-b」参数。
# wy tar [-b]

wy tar -b

wy app

与 wy tar 配套启动一个 Node.js 服务，支持静态资源服务、mock 服务、接口代理服务、自定义中间件功能。

代码和文档

wy-cli GitHub 地址

公众号