基于PHP开源的的常识付费源码开发工作流
残缺源码:zs.xcxyms.top
实用场景
目前开发常识付费零碎时,任选的技术计划大略有四种,别离是:
1、常识付费小程序开发
2、应用wepy框架
3、应用mpvue框架
4、应用芋头框架
但应用框架,能够为框架组件带来的开发便当,对于小程序的新增性能、插件和个性等,例如 WX的自定义开发机制,受开发制于各个模块框架实现,无奈应用。
而小苹果的模式,又简略又简略的程序,就让咱们的开发者和小伙伴们的敌人们肯定能用得上的这种写法,基于此,基于此,咱们无奈应用自动化工具来构建小型信箱。程序的根底模板,残缺的常识付费源码零碎less退出了根底和个性的根底上,还能够应用来写款式,同时图片压缩,在开发性能上疾速创立模板等个性。
个性
●基于gulp+less的制作微信小程序工程项目
●我的项目图片主动压缩
●ESLint 代码查看
●用最好的创意page、template和component
●反对生产环境打包
入门
0. 开始之前,请确保曾经装置node和npm,装置gulp-cli
$ npm install --global gulp-cli
1. 下载代码
$ git clone ****
2.进目录,装置依赖
$ cd wx-miniprogram-iyunxiao && npm install
- 编译代码,生成dist目录,应用开发者工具关上dist目录
$ npm run dev (开发环境打包) $ npm run test (测试环境打包)
4.新建页面、模板或组件
gulp auto -p mypage 创立名为mypage的page文件 gulp auto -t mytpl 创立名为mytpl的template文件 gulp auto -c mycomponent 创立名为mycomponent的component文件 gulp auto -s index -p mypage 复制pages/index中的文件创建名称为mypage的页面
5. 上传代码前编译
$ npm run build (生产环境打包)
- 上传代码,审核,发版
工程构造
wx-miniprogram-iyunxiao ├── dist // 编译后目录 ├── node_modules // 我的项目依赖 ├── src │ ├── components // 微信小程序自定义组件 │ ├── env // 申请域名配置 │ ├── images // 页面中的图片和icon │ ├── pages // 小程序page文件 │ ├── styles // ui框架,公共款式 │ ├── template // 模板 │ ├── utils // 公共js文件 │ ├── app.js │ ├── app.json │ ├── app.less │ ├── project.config.json // 我的项目配置文件 │ └── api.config.js // 我的项目api接口配置 ├── .gitignore ├── .eslintrc.js ├── package-lock.json ├── package.json └── README.md Gulp 阐明 Tasks: dev 开发编译,同时监听文件变动 test 整体编译,申请指向测试环境 build 整体编译 clean 清空产出目录 wxml 编译wxml文件(仅仅copy) js 编译js文件,同时进行ESLint语法查看 json 编译json文件(仅仅copy) wxss 编译less文件为wxss img 编译压缩图片文件 watch 监听开发文件变动 devEnv/testEnv/prodEnv 生成对应环境的申请域名配置 auto 主动依据模板创立page,template或者component(小程序自定义组件) gulp auto 选项: -s, --src copy的模板 [字符串] [默认值: "_template"] -p, --page 生成的page名称 [字符串] -t, --template 生成的template名称 [字符串] -c, --component 生成的component名称 [字符串] --msg 显示帮忙信息 [布尔] 示例: gulp auto -p mypage 创立名为mypage的page文件 gulp auto -t mytpl 创立名为mytpl的template文件 gulp auto -c mycomponent 创立名为mycomponent的component文件 gulp auto -s index -p mypage 复制pages/index中的文件创建名称为mypage的页面
Q: _template目录的文件有什么用?
A:应用gulp auto命令主动文件,-s参数能够指定复制生成的对象,默认状况下是下文件夹为_template中的文件为复制对象的。开发者能够依据业务需要,自定义_template下的文件。
Q: _template目录的文件是否会被编译到dist目录中?
A:不会。