CML 小程序开发环境配置流程

（当前时间：2020.08.24）

安装 chameleon-tool

依赖环境：node = 8.12.0

建议使用 nvm 管理 Node 版本，暂不支持使用 yarn、cnpm 等进行安装。

npm install chameleon-tool@1.0.6-alpha.2 -g

安装成功后，执行 cml -v 查看当前版本， cml -h 查看帮助文档。

安装 nvm

1，终端输入命令：

curl --resolve 'raw.githubusercontent.com:443:151.101.184.133' https://raw.githubusercontent.com -o
https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

2，配置环境变量

在⽤户⽬录下找到  .bash_profile  ⽂件

 

.bash_profile ⽂件默认是隐藏⽂件（快捷键：" command+shift+. " 可以显示隐藏⽂件）

 

 

在 .bash_profile ⽂件最后添加

 

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s
"${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

编辑完 .bash_profile ⽂件保存后在终端执⾏：

~/.nvm/nvm.sh

此时在终端输⼊ nvm 命令应该可以显示结果！！！

可能出现问题及解决⽅法：

 

问题：由于  .bash_profile 中修改环境变量，所以新建终端窗⼝时有可能会出现  nvm  找不到的情况

 

解决：在中户⽬录找到  .zshrc  ⽂件（若没有可以⼿动新建）

 

 

打开编辑  .zshrc  ⽂件，在⽂件结尾添加命令：

 

source ~/.bash_profifile

此时每次启动终端都会执⾏⼀遍 .bash_profile

3，node 版本问题

执⾏命令，查看 node  版本号：

 

node -v 

如果版本号不是 v8.12.0，需要将 node 版本切换到 v8.12.0

nvm install 8.12.0 (下载 8.12.0 版本)
nvm use 8.12.0 (表示切换到 8.12.0)

创建项目与启动

• 执行 cml init project
  • 输入项目名称
  • 等待自动执行 npm install 依赖
• 打包小程序 debug 包（以微信为例）
  • npm run wxbuild: debug
• 再用微信开发者工具打开 dist/wx 即可

安装微信开发者工具

地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下一步：拖动下边这个白白圆圆的东西到右边这个方方蓝蓝的东西上边然后松鼠标

然后：点击导入项目

接下来：注意导入的是项目 dist 文件下 wx 文件（开发者权限和 AppID 要找相关人员要一下）

最后点击导入，然后打开项目即可。

安装支付宝开发者工具

安装过程和微信开发者工具类似，下载地址：https://render.alipay.com/p/f/fd-jwq8nu2a/pages/home/index.html

注意开发支付宝小程序的时候一定要向相关人员申请开发权限哦~