Ionic环境搭建

安装brew

1.命令行输入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. brew -v 显示版本号

安装node.js

命令： brew install node

ps：如果之前曾经安装过但是版本并不是最新版本，请升级版本，步骤如下：

1. 看node版本，没安装的请先安装；
   node -v
   sudo npm cache clean -f

2. 安装node版本管理工具'n';
   sudo npm install n -g

3. 使用版本管理工具安装指定node或者升级到最新node版本；
   sudo n stable （安装node最新版本）
   sudo n 8.9.4 （安装node指定版本8.9.4）

4. 使用node -v查看node版本，如果版本号改变为你想要的则升级成功。

安装 ionic

1. 安装全局的ionic CLI
   npm install -g ionic

2. 检测ionic是否安装成功：
   ionic -v

3. 创建ionic项目
   通过ionic cli命令创建ionic项目：
   ionic start myApp tabs --type=angular
   （目前ionic4是beta版，需要加上 –type=angular才能创建基于angular的项目，后面等发布正式版本，就不需要了）

4. 运行ionic项目： ionic serve --lab

可能遇到失败原因：

1. Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (67)

安装 cordova

1. 利用npm命令安装cordova
   sudo npm install -g cordova
2. 利用cordova创建项目
   cordova create HelloWorld
3. 增加iOS开发平台
   cordova playform add ios
4. 通过iOS设备进行运行
   cordova run ios
5. 利用模拟器进行运行
   cordova emulate ios --target iPhone-6s
6. 通过模拟器运行ionic
   ionic cordova emulate ios – --buildFlag="-UseModernBuildSystem=0" --verbose

安装UI工具 VSCODE

直接在官网安装，没有太多需要注意的地方。

至此环境已经搭建好了，可能遇到的问题：

安装出现的问题

问题：-bash: cordova: command not found

解决方案：

1. export PATH=$PATH:/usr/local/share/npm/bin
2. npm config get prefix
3. echo "$PATH"
4. npm config set prefix /usr/local
5. sudo npm install -g cordova

问题：无法安装cordova

解决方案：

1. sudo npm install --unsafe-perm=true --allow-root --save-dev cordova

问题：无法用iOS虚拟机打开

解决方案：

1. ionic cordova emulate ios -- --buildFlag="-UseModernBuildSystem=0"

如果出现这种错误：

CordovaError: Promise rejected with non-error: "xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance\n"
at cli.catch.err (/usr/local/lib/node_modules/cordova/bin/cordova:30:15)
at process.internalTickCallback (internal/process/next_tick.js:77:7)
[ERROR] An error occurred while running subprocess cordova.

    cordova emulate ios --buildFlag=-UseModernBuildSystem=0 exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more information.

这种情况是xcodebuild的路径不正确，解决方案：

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/