0.1.20 • Published 3 years ago
jtfw-page-init v0.1.20
JTFW-PAGE-INIT
项目用于jiazheng多页应用,帮助快速初始化页面。 目前支持以下4个项目
jiazheng-aunt-h5
jiazheng-business
jiazheng-custom
jiazheng-union
安装
npm i jtfw-page-init -D
使用
npx jtfw-page-init init <页面名称>
注意
项目初始化差异
其中jiazheng-business
使用流程会与其他有些差异,因为项目config/getPages.js
存在通用页面
,我的页面下的子页
,四方SaaS&劳动者运营
,三方SaaS
四种情况。
所以在输入完项目名称后,会需要手动选择要将页面插入到哪个项目中, 如下:
其中jiazheng-custom
会将生成的xxx.html
template文件存放到template/cfe
路径下,目前存在template/afe
、template/cfe
两个目录,考虑常用性,先都生成到template/cfe
下。
流程演示(以jiazheng-aunt-h5为例)
运行 & 输入
输入内容,包含页面中英文描述,英文用于生成文件夹、文件名称。中文用于生成备注、及页面title。
生成内容
内容生成概述
新生成三个文件:
src/pages/<页面名称>/App.vue
src/pages/<页面名称>/index.js
template/afe/<页面名称>.html
追加内容两个文件:
config/getPages.js
src/configs/page.js
内容生成详述
src/pages/<页面名称>/App.vue
src/pages/<页面名称>/index.js
template/afe/<页面名称>.html
config/getPages.js
src/configs/page.js