安装与运行

$ npm i -g chameleon-tool # 安装脚手架
$ cml init project # 创建项目
? please input the name of project: cmlTest
$ cd cmlTest
$ cml dev # 启动项目

注意,不要使用yarn进行脚手架的安装,会导致启动失败,参考:chameleon-tool 0.0.11 初始化后项目启动失败

项目启动后默认跑在 8000 端口上

web端访问:http://172.0.0.1:8000/cml/h5/index

App预览可以下工具访问使用:

脚手架使用

获取工具信息

  • cml -h 或cml --help 查看帮助信息
  • cml -v 或cml --version 查看chameleon-cli版本信息

初始化项目、页面、组件

  • cml init -h 查看init命令的帮助信息
  • cml init project 创建项目
  • cml init page 创建页面
  • cml init component 创建组件

cml init project 命令有如下参数

参数名 可选值 默认值 功能
lang cml|vue cml 设置项目默认模板语法
tpl html|smarty html 设置chameleon.config.js中的templateType字段
demo blank|todo blank 设置要初始化的项目模板

使用方式: cml init project --参数名 参数值 例如 cml init project --lang vue --tpl html

开发/生产模式

  • cml dev 启动开发模式,默认启动所有端的构建,如果不启动某一端可以通过devOffPlatform配置
  • cml build 启动生产模式打包,默认启动所有端的构建,如果不启动某一端可以通过buildOffPlatform配置

web环境

  • cml web -h 查看web命令的帮助信息
  • cml web dev 执行web端开发模式构建
  • cml web build 执行web端打包模式构建

微信小程序环境

  • cml wx -h 查看wx命令的帮助信息
  • cml wx dev 执行微信端开发模式构建 也会构建web端,使api mock生效
  • cml wx build 执行微信端打包模式构建

支付宝小程序环境

  • cml alipay -h 查看alipay命令的帮助信息
  • cml alipay dev 执行支付宝端开发模式构建 也会构建web端,使api mock生效
  • cml alipay build 执行支付宝端打包模式构建

百度小程序环境

  • cml baidu -h 查看baidu命令的帮助信息
  • cml baidu dev 执行百度端开发模式构建 也会构建web端,使api mock生效
  • cml baidu build 执行百度端打包模式构建

weex环境

  • cml weex -h 查看weex命令的帮助信息
  • cml weex dev 执行weex端开发模式构建,也会构建web端,进行预览调试
  • cml weex build 执行weex端打包模式构建

在执行web、wx、alipay、baidu和weex构建命令时,会读取chameleon.config.js中的配置信息

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress