银商小程序

搭建开发环境

本节通过具体步骤，详细介绍了搭建本地银商小程序开发环境的方法。

第一步：安装依赖

  • 安装Node.js

在Node.js 官网下载可执行程序直接安装。

提示

对于 Mac，可以使用Homebrew进行安装：

$ brew install node

安装完成之后，可使用以下命令检测是否安装成功：

$ node -v
$ npm -v

通常，安装了 Node.js 环境，npm 包管理工具也随之安装完成，开发者可直接使用 npm 包管理工具来进行后续的操作。

其他配置

国内的开发者推荐将 npm 镜像切换至淘宝 NPM 镜像，可进行如下操作：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后，开发者可使用 cnpm 包管理工具进行项目所需插件的管理（效果同 npm ）。

第二步: 安装脚手架工具weex-toolkit

Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试，此时，开发者可使用 npm 包管理工具安装最新版脚手架工作。

  • Windows环境：
$ npm i -g weex-toolkit
$ weex -v // 查看当前weex工具版本
  • OSX环境：
$ sudo chmod -R 777 /usr/local/lib/node_modules/
$ npm i -g weex-toolkit // 安装不要使用sudo执行
$ weex -v // 查看当前weex工具版本

提示

安装结束后，开发者可以直接使用weex help命令验证工具安装是否成功，它会显示 weex 支持的所有指令。

同时，你也可以通过weex doctor命令检查你的本地开发环境。

第三步: 配置小程序编写工具

推荐使用 WebStorm 或 VScode 进行小程序 Vue.js 代码的编写，当然开发者也可以根据自己的习惯选用不同的IDE。

以 WebStorm 开发软件为例，在 WebStorm 中安装VueJS、Weex等插件：

File -> Settings -> Plugins

← 创建工程 →