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

圖片無關.jpg

小編環境(參考作用，你不是也沒有什么關系)

系統：macOS 10.12.6

準備工作（安裝cordova之前應該準備的東西）

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

終端輸入命令：
1、 查看版本，如果出現版本，就說明已經安裝，如果沒有就第一次安裝

npm -v
node -v

Snip20170906_10.png

2、如果沒有安裝，就直接去官網下載安裝包就可以，下載包下載安裝時候會自動安裝npm 、node
安裝圖文解說地址

安裝完成后查看時候安裝完成 : npm -v node -v

二、安裝cordova

安裝提醒：
由于cordova安裝包的鏡像在國外，國內網絡不行，經常出現安裝失敗的情況。這就要使用淘寶鏡像，在命令行輸入一下命令：

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

終端執行安裝命令就可以OK，mac上會默認安裝到 usr/local/bin下，也可以更改目錄

sudo npm install -g cordova //-g代表全局安裝，即可以供多個項目使用 sudo是因為使用root權限，需要管理員密碼

完成之后查看

cordova -v

Snip20170906_11.png

三、安裝過程走過的坑

說明之前要學會找坑在什么地方，可以通過日志找到坑的原因
如果你的電腦默認是隱藏文件，此時需要顯示隱藏命令

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、有可能因為網絡原因、或者鏡像的問題報錯

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

解決辦法：（來源網絡，小編并沒有遇到）
鏡像使用方法（三種辦法任意一種都能解決問題，建議使用第三種，將配置寫死，下次用的時候配置還在）:
A.通過config命令

npm config set registry http://registry.cnpmjs.org npm info underscore （如果上面配置正確這個命令會有字符串response）

B.命令行指定

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

C.編輯 ~/.npmrc 加入下面內容（主要找到對應文件哦????）

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開發文檔

tmpdir__17_9_6_10_30_49.JPG

最后贈言###

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