MAC下安裝Homebrew
MAC下安裝Home brew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Homebrew使用
Homebrew使用沒啥好說的了张症，常用的
搜索軟件：brew search 軟件名，如brew search wget
安裝軟件：brew install 軟件名，如brew install wget
卸載軟件：brew remove 軟件名佳恬，如brew remove wget
萬一你用的不爽了,卸載指令:
cd `brew –prefix`
rm -rf Cellar
brew prune
rm `git ls-files`
rm -rf Library .git .gitignore bin/brew
rm -rf [README.md](http://readme.md/) share/man/man1/brew
rm -rf Library/Homebrew Library/Aliases
rm -rf Library/Formula Library/Contributions
rm -rf ~/Library/Caches/Homebrew
其他指令：
brew list —列出已安裝的軟件
brew update —更新Homebrew
brew -h brew —幫助
刪除程序單個軟件刪除和所有程序老版刪除。
brew cleanup git
brew cleanup
查看那些已安裝的程序需要更新
brew outdated
其他命令網(wǎng)上百度。
Mac 安裝node.js
安裝了Homebrew 之后十分簡單谷遂，終端執(zhí)行下面的命令：
brew install node
安裝完成使用 node -v 查看版本，打印出版本信息卖鲤，說明安裝成功
MAC 下安裝 VUX
快速安裝指令：
npm install vue-cli -g # 如果還沒安裝
檢查是否安裝成功
# 創(chuàng)建項目
cd 自定義的項目目錄下(隨便創(chuàng)建一個文件夾就好)
# 創(chuàng)建項目
vue init airyland/vux2 項目名稱
# 進(jìn)入項目文件夾
cd 項目文件夾
# 第一次安裝執(zhí)行下面命令
npm install --registry=https://registry.npm.taobao.org # 或者 cnpm install 或者 yarn
# 運(yùn)行看看能否跑起來
npm run dev # 或者 yarn dev
如果運(yùn)行成功埋凯，會出現(xiàn)：
Your application is running here：http://localhost:端口號
之后在瀏覽器中訪問這個服務(wù)器地址看是否成功，成功說明安裝完成扫尖，項目創(chuàng)建成功
Cordova 安裝
安裝過node之后安裝cordocva 特別簡單：
npm install -g cordova
輸入上面指令就可安裝白对，安裝完成后 cordova -v 查看版本，打印出版本信息换怖，說明安裝成功
Corvoda 創(chuàng)建項目
使用 cd 命令 切換到準(zhǔn)備創(chuàng)建項目的文件夾下執(zhí)行下面命令:
cordova create 項目包名
創(chuàng)建成功會看到工程文件目錄為：
這里重點(diǎn)注意“platforms” 和 “www” 文件夾甩恼，（vux 文件夾是我手動創(chuàng)建，方vue項目沉颂，方便vux和cordova工程管理）条摸，“www” 文件夾是我們存放我們的html、css铸屉、js 文件的钉蒲，“platforms” 是用來存放Cordova 自動打包的 各個平臺 代碼的，剛創(chuàng)建完項目時他是空的彻坛，我們需要手動添加平臺內(nèi)容
在platforms 添加相應(yīng)平臺：
注意一點(diǎn)：執(zhí)行添加平臺命令時要cd 到項目根目錄下顷啼，否者會包找不到platforms 文件，我發(fā)創(chuàng)建的錯誤
創(chuàng)建命令：
cordova platform add android --save
cordova platform add ios --save
cordova platform add browser --save
不指明創(chuàng)建具體哪個平臺的話昌屉，系統(tǒng)會自動創(chuàng)建所有平臺：目前是三個平臺 browser钙蒙、ios、android
如果只創(chuàng)建某一平臺：這里以 iOS 為例
cordova platform add ios --save
創(chuàng)建成功的話间驮，就可以看到platform下面出現(xiàn)了對應(yīng)平臺的文件夾
同時也可以使用cordova platform命令查看已安裝平臺和可安裝平臺
這里注意一點(diǎn)：系統(tǒng)默認(rèn)創(chuàng)建的工程名字是HelloCordova躬厌，想要修改需要在config.xml 中，又個name 節(jié)點(diǎn)竞帽，修改了這個節(jié)點(diǎn)的值就可以了
如果你想查看它在安卓平臺下的效果扛施，則需要安裝配置 Android SDK 環(huán)境鸿捧，android 打包成功之后的安裝包可以在 "platforms → android → app → build → outputs → apk → debug" 下面找到。
MAC電腦上可以用Xcode查看效果疙渣，并且上傳App Store
vue 項目文件 build cordova 的 www目錄下
因為Cordova build工程的時候匙奴，系統(tǒng)默認(rèn)只會打包www下的網(wǎng)頁文件，所有vue工程需要將文件build 到 www 文件夾下昌阿。
因為vue項目默認(rèn)不是build到www下饥脑，所以需要修改 vue 項目的 config 文件下的 index.js 文件：config/index.js
修改文件中的 build 對象中的內(nèi)容
build: {
// Template for index.html
index: path.resolve(__dirname, '../../www/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../../www'),
assetsSubDirectory: 'static',
assetsPublicPath: 'learn-cordova',
/**
* Source Maps
*/
productionSourceMap: true,
// https://webpack.js.org/configuration/devtool/#production
devtool: '#source-map',
// Run the build command with an extra argument to
// View the bundle analyzer report after build finishes:
// `npm run build --report`
// Set to `true` or `false` to always turn it on or off
bundleAnalyzerReport: process.env.npm_config_report
}
這里看到了這有index: path.resolve和assetsRoot: path.resolve兩個內(nèi)容恳邀，根據(jù)實際情況懦冰，改為相對index.js的實際 www 的目錄地址 就可以了，因為的vue在cordova項目根目錄下所以為
// Template for index.html
index: path.resolve(__dirname, '../../www/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../../www'),
如果 vue工程 不是在 cordova 根目錄下谣沸，還需要修改一個地方：build文件下的 utils.js 文件
：build/utils.js
在exports.cssLoaders = function (options)方法下找到這樣一段代碼：
// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
在這段代碼中添加一行代碼如下：
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
//這里以cordova工程和vue工程在同一目錄下刷钢，為兄弟文件夾為例
publicPath:"../", //相對vue工程Cordova工程所在的目錄路徑
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
個人建議vue 工程放在cordova工程根目錄，這樣就不用配置后面這一步乳附，并且復(fù)制工程的時候直接復(fù)制Cordova工程就全部復(fù)制了内地，
下一步：將vue 代碼build 到www 下，在vue工程根目錄下赋除，執(zhí)行
npm run build 命令
如果成功阱缓，會發(fā)現(xiàn)www下的文件已經(jīng)替換為了我們vue項目 打包編譯出來的最新代碼了。
- 如果失敗 举农，提示錯誤
sh: rimraf: command not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! forestTown@1.0.0 build: `rimraf ./dist && node --trace-warnings build/build.js`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the forestTown@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/cmac/.npm/_logs/2019-07-03T09_01_17_669Z-debug.log
那么在vue工程根目目錄執(zhí)行npm install荆针，錯誤原因是缺少庫文件，一般新工程和拉去的別人的工程都要這樣操作一次
最后一步：使用Cordova 打包各個平臺的項目：
我們回到 cordova 項目根目錄颁糟，在其下執(zhí)行 cordova build <platform name> 就可以打包出 vue 項目了
這里以iOS 為例：
cordova build ios
如果成功就可以看到platform 文件下對應(yīng)平臺的開發(fā)包航背，是我們最新的代碼了。打包完成
注意出現(xiàn)的一些錯誤問題
xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance
這里主要xcodebuild這個關(guān)鍵字棱貌，遇到類似顯示這個的錯誤玖媚，不知道原因的話也開始試試這個方法：
我出現(xiàn)問題原因是升級過Xcode，
但是明明是升級婚脱，為啥會報路徑錯誤呢今魔，于是開始搜索詢問，終于找到原因障贸，升級xcode后涡贱，不是系統(tǒng)默認(rèn)位置，需要修改惹想，終端執(zhí)行下面命令：
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
這樣就不會再報這個錯誤了
問題二：Cordova - CordovaError: Promise rejected with non-error: 'ios-deploy was not found
問題一解決了再用Corvoda打包可能還會出現(xiàn)這個錯誤问词，那是沒有安裝ios-deploy，
安裝方法：
sudo npm install -g ios-deploy
如果上面方法失敗嘀粱，使用下面的指令：
sudo npm install -g ios-deploy --unsafe-perm=true
再corvoda打包基本就成功了
