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.htmltemplate文件存放到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