混合開發(fā)-Mac下最詳細(xì)的cordova安裝流程問題總結(jié)

一直從事原生開發(fā)很久,相信你也和我一樣對混合開發(fā)保持濃厚的興趣和一些擔(dān)心,原生開發(fā)的我們會(huì)不會(huì)被取代?未來的技術(shù)會(huì)不會(huì)走向混合開發(fā),我們誰也不能把握未來,但是我們可以從現(xiàn)在了解一些新的開發(fā)方式,比如今天小編要講的混合開發(fā)框架cordova。


圖片無關(guān).jpg
小編環(huán)境(參考作用,你不是也沒有什么關(guān)系)

系統(tǒng):macOS 10.12.6

準(zhǔn)備工作(安裝cordova之前應(yīng)該準(zhǔn)備的東西)

一、安裝npm 、node.js
npm :npm是隨同node.js一起安裝的包管理工具,能解決node.js代碼部署上的很多問題 npm詳細(xì)資料

終端輸入命令:
1、 查看版本,如果出現(xiàn)版本,就說明已經(jīng)安裝,如果沒有就第一次安裝

npm -v
node -v

Snip20170906_10.png

2、如果沒有安裝,就直接去官網(wǎng)下載安裝包就可以,下載包下載安裝時(shí)候會(huì)自動(dòng)安裝npm 、node
安裝圖文解說地址

安裝完成后查看時(shí)候安裝完成 : npm -v node -v

二、安裝cordova

安裝提醒:
由于cordova安裝包的鏡像在國外,國內(nèi)網(wǎng)絡(luò)不行,經(jīng)常出現(xiàn)安裝失敗的情況。這就要使用淘寶鏡像,在命令行輸入一下命令:

npm config set registry http://registry.cnpmjs.org

終端執(zhí)行安裝命令就可以O(shè)K,mac上會(huì)默認(rèn)安裝到 usr/local/bin下,也可以更改目錄

sudo npm install -g cordova //-g代表全局安裝,即可以供多個(gè)項(xiàng)目使用 sudo是因?yàn)槭褂胷oot權(quán)限,需要管理員密碼

完成之后查看

cordova -v

Snip20170906_11.png
三、安裝過程走過的坑

說明之前要學(xué)會(huì)找坑在什么地方,可以通過日志找到坑的原因
如果你的電腦默認(rèn)是隱藏文件,此時(shí)需要顯示隱藏命令

defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder //顯示隱藏文件

defaults write com.apple.finder AppleShowAllFiles No && killall Finder //隱藏文件

路徑在user/用戶名(我叫apple)/npm/log


Snip20170907_12.png

1、文件存在問題

error File exists: /usr/local/lib/node_modules/cordova/node_modules/astw

解決辦法:移除usr/local/lib/node_modules/cordova (安裝路徑下的安裝文件),重新安裝

2、文件缺失問題

error enoent ENOENT: no such file or directory, access '/usr/local/lib/node_modules/cordova/node_modules/async'

解決辦法:移除usr/local/lib/node_modules/cordova (安裝路徑下的安裝文件),重新安裝

3、有可能因?yàn)榫W(wǎng)絡(luò)原因、或者鏡像的問題報(bào)錯(cuò)

check failed for /tmp/npm-971-2c493ef3/registry.npmjs.org

解決辦法:(來源網(wǎng)絡(luò),小編并沒有遇到)
鏡像使用方法(三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時(shí)候配置還在):
A.通過config命令

npm config set registry http://registry.cnpmjs.org npm info underscore (如果上面配置正確這個(gè)命令會(huì)有字符串response)

B.命令行指定

npm --registry http://registry.cnpmjs.org info underscore

C.編輯 ~/.npmrc 加入下面內(nèi)容(主要找到對應(yīng)文件哦????)

registry = http://registry.cnpmjs.org

D、修改全局模塊安裝目錄

npm config set prefix "user/apple/node/node-global(安裝路徑)" npm config set cache "user/apple/node/node-cache(安裝路徑)"

cordova開發(fā)文檔

tmpdir__17_9_6_10_30_49.JPG

最后贈(zèng)言###

如果覺得文章對您有幫助,不要忘記star哦!??,star 是對程序猿最大的鼓勵(lì)!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容