@21cnfe/onekit-mp-cli

小程序-脚手架

Changelog

v2.0.1

• feat:project.config.json 添加配置参数 vconsole 选择是否插入 vconsole
• feat:project.config.json 添加配置参数 isExtractCss 选择是否把 css 抽离成独立文件
• fix:onShow onLaunch 等生命调期不能使用 this 问题修复

v2.0.0

• feat:新增H5应用、轻应用项目工程的创建，参考文末
• feat:新增H5应用通过配置页面的 index.json 文件来更改 document.title

v1.1.7

• feat:脚手架相关依赖内置
• feat:app.css 支持改为 app.less
• feat:创建项目目录结构调整

v1.1.6

• fix:部分手机跳转外链，后退时页面被放大的问题修复

v1.1.5

• fix:引入svg图片报错问题修复
• fix:当没有页面设置keepAlive时，所有页面都会被缓存的问题修复

v1.1.4

• feat:添加keepAlive功能
• fix:usingComponents引入组件报错修复
• fix:主题定制，打包后不生效问题修复

v1.1.3

• fix:vconsole初始化优化

v1.1.2

• feat:更新小程序工程默认模板

v1.1.1

• feat:项目运行时报错，把错误同步渲染到页面上
• feat:通过 theme.less 定制vui主题
• fix:json文件修改，不能热更新问题修复
• fix:小程序图片打包加hash，避免覆盖同名图片
• fix:生成资源包 npm run build 时，先清除dist目录，避免打包到运行时文件
• fix:css 修改不能热更新问题修复

v1.1.0

• feat:generator初始化项目性能提升
• feat:支持setData全局变量数据
• feat:vui主题配置支持
• fix:小程序配置编辑热更新处理优化
• fix:ok生命周期off监听器优化
• perf:开发调试运行速度优化

v1.0.1

• fix: setNavigationBar全局处理，mac、linux下文件路径解析，开发模式下ok库默认由开发工具注入

1、安装

npm i @21cnfe/onekit-mp-cli -g

若系统未安装vue/cli命令，还需要全局安装vue/cli命令：

npm i @vue/cli -g

2、创建项目

通过 -t 参数指定模板，h5表示H5网页，tv表示轻应用、mp表示小程序。不指定模板，默认创建小程序工程

ok-mp init <your projectName>
ok-mp init <your projectName> -t <h5|mp|tv>

3、启动调试模式

进入到项目目录，运行npm run serve，或者 ok-mp dev

浏览器打开http://localhost:8090/

4、项目打包

npm run build 或者 ok-mp build