后台管理前端界面脚手架

后台管理前端界面脚手架

安装 nodejs （已经安装请忽略）

• nodejs https://nodejs.org/zh-cn/

测试 node 是否安装成功

npm -v

安装全局依赖（已经安装请忽略）

npm i -g yarn nrm serve 

• nrm 管理 npm 源 https://github.com/Pana/nrm
• yarn 比 npm 更快 https://yarnpkg.com/zh-Hans/docs/usage
• serve 开启一个本地静态服务器 https://github.com/zeit/serve#readme

搭建内网 npm 服务（已经搭建请忽略）

目前已经有了，源地址： http://192.168.192.222:4873/ 当然，想自己搭一个，也比较简单：https://github.com/rlidwka/sinopia 请使用 nrm 管理源

安装 swift-web-cli（已经安装请忽略）

npm install swift-web-cli -g --registry=http://192.168.192.222:4873/

创建新项目/创建子项目/同步最新模版配置

初始化新项目

swift-web-cli -i # 然后键入项目名称，必须英文变量 i = init

创建子项目

cd 初始化的项目目录
npm run create # 然后键入子项目名称，必须英文变量

同步最新模版

cd 初始化的项目目录
npm run sync

运行与打包

运行

cd /对应项目目录
yarn # 如果已经安装则不需要
npm start

打包

cd /对应项目目录
yarn # 如果已经安装则不需要
npm run build

编写样式注意事项

由于，需要做到多主题，颜色请使用变量，而不是写死，已经有的变量： https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

@todos

• 打包成单页面
• 常用快捷键，（比如关闭tab标签页等）
• 编辑主题改进，比如可视化等
• 更多模版：不一样形式的后台界面展现和交互形式