HTML5 跨平台开发

开发环境

安装 Node, npm

Mac 系统

1. 下载并安装 XCode ；
2. 访问 Homebrew 主页， 按照提示安装 Homebrew ；
3. 打开命令行终端， 输入命令 brew install node 安装；
4. 安装完成之后在命令行窗口输入 node --version 和 npm --version , 应该可以看到版本号；

Windows 系统

1. 访问 node 的下载页面， 下载最新的 x86 版本 (当前的版本是： node-v5.4.0-x86.msi);
2. 建议安装路径为 D:\software\node （即使重装系统也不用重新安装，只要配置环境变量即可）；
3. 用管理员权限打开命令行， 输入命令:
4. 添加系统环境变量 NODE_HOME : SETX /M NODE_HOME "D:\Software\node" ；
5. 讲 NODE_HOME 添加到命令行路径: SETX /M Path %NODE_HOME%;%Path%"
6. 安装完成之后， 打开命令行窗口， 输入 node --version 和 npm --version ， 应该能够看到版本号；
7. 打开 D:\Software\node\node_modules\npm\npmrc 文件， 将 prefix 的值修改为 D:\Software\node ， 并将这个文件复制到 D:\Software\node\etc 一份；

Windows 系统只能开发 Android + Browser 应用， Mac 系统可以开发 iOS + Android + 应用；

移动开发环境变量

• iOS： 使用命令 xcode-select 选择要使用的 XCode ；
• Android： 添加两个系统环境变量， ANDROID_HOME 和 NDK_ROOT 分别指向 Android 的 SDK、 NDK 安装目录， 并将 ANDROID_HOME/tools, ANDROID_HOME/platform-tools, NDK_ROOT 添加到 PATH 变量；

安装常用类库

• cnpm : npm install -g cnpm ， 可以使用 cnpm 命令代替 np ， 使用国内的镜像， 速度较快；
• 跨平台常用类库: npm install -g bower gulp lite-server typescript tsd cordova ionic ；
• iOS 相关: npm install ios-sim

最后输入 npm ls -g --depth=0 ， 输出如下：

├── bower@1.7.2
├── cordova@5.4.1
├── gulp@3.9.0
├── ionic@1.7.12
├── ios-sim@5.0.4
├── lite-server@1.3.2
├── npm@3.3.12
├── tsd@0.6.5
└── typescript@1.7.5

开发工具

可以使用的开发工具很多， 比如：

• VSCode
• WebStorm
• Visual Studio 社区版