定位

我先说一下 WY CLI 是什么吧,我是这么定位的:

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

功能和使用场景

那 WY CLI 到底有什么用呢?

未来可能会新增:

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

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

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

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

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

使用

安装

1
npm i @wytxer/wy-cli -g

wy init

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

目前支持的脚手架模板:

1
2
3
4
5
◯ 中后台前端脚手架(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)

1
2
3
4
5
# 指定 dist 目录启动服务
wy server dist

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

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

wy tar

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

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

wy tar -b

wy app

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

代码和文档

wy-cli GitHub 地址

公众号

程序员未央