window與Mac下安裝ionic

2021-08-07 14:59:54 字數 2140 閱讀 9426

windows安裝方法

安裝環境

node.js

npm準備工作

2、jdk(webstorm執行環境/為了編譯到android平台)-視情況而定

3、android sdk(android編譯)

jdk建議安裝到c盤,之後配置環境變數

開始安裝

開啟cmd,首先安裝cnpm**映象(由於gfw問題,有些外掛程式不好整)

npm install -g cnpm --registry=
然後開始全域性安裝ionic

cnpm install -g ionic cordova
安裝成功可以ionic -v或者ionic -version檢視版本號(對於版本無要求)

繼續安裝cordova

npm install -g cordova
安裝需要較長時間,安裝之後用 cordova -version檢視版本號

至此安裝已經完成,下面開始建立工程

然後建立成功之後可在輸入:ionic serve,瀏覽器會開啟乙個位址是http://localhost:8100的視窗

如果執行出現了問題,解決方法如下

如果cd進入 工程出現

解決方法:在c盤 c:users\(username)\.ionic目錄之下有個ionic.config檔案,為該檔案新增字尾名.json並新增到專案目錄之下即可;

出現以下

輸入:cnpm install 來不全檔案,由於網路原因使用cnpm,安裝之後繼續執行ionic serve

工程建立--打包

2、輸入 ionic platform add android,該命令會建立乙個platform目錄,最後生成的apk檔案是在這個目錄下

3、接著輸入 ionic build android該命令會生成apk檔案

經過上面幾步操作,ionic 打包的apk已經完成,傳送到手機即可;

常用命令

npm config list //檢視npm設定

cnpm install -g cordova ionic //安裝cordova ionic

cnpm update -g cordova ionic //更新cordova ionic

npm cache clean //清除快取

ionic -v //檢視版本

ionic info //檢視ionic環境,在mac下輸入會看到缺少哪些配置,按提示輸入即可

ionic platform add android //新增安卓平台

ionic platform remove android //移除安卓平台

ionic build android //編譯專案apk

ionic emulate android //執行專案apk手機接在手機上執行,模擬器接在模擬器執行

ionic run android //相當於build+emulate

ionic serve //開啟服務除錯

mac上安裝

首先開啟終端,如windows安裝第一步安裝cnmp,需要使用同樣**映象

然後安裝ionic和cordova包

sudo cnpm install -g cordova ionic

輸出以上內容就是成功

繼續輸入 ionic info 檢視安裝包是否全部安裝執行

如上紅色就是未成功

按照上面提示進行輸入:npm install -g ios-d eploy入紅色部分提示輸入繼續;全部完成之後就算安裝成功

不安裝就是不能在此環境下編譯,但是對瀏覽器執行無影響

ios-sim 代表模擬器執行環境

ios-deploy代表真機執行環境

cd進桌面

ionic platform add ios (可能需要sudo)

ionic build ios

ionic emulate ios (模擬器執行)

工程圖如下

照著這些步驟經過測試都沒問題,至於node.js需要安裝穩定版本,可能有些版本不支援

Window下memcached安裝與測試

2 安裝 1 注意install.bat檔案中binpath需要修改為memcached.exe所在的目錄,displayname為服務名,不建議修改,如果修改後 其它的bat檔案也需要做相應的修改 2 注意避免直接雙擊被防毒軟體給攔截,最好是進入dos命令列執行 建立服務指令碼 install.b...

Window下Redis的安裝與配置

windows版 解壓的檔案不要帶版本號,否則配置服務的時候啟動會報異常 檔案介紹 redis benchmark.exe 基準測試 redis check aof.exe aof redischeck dump.exe dump redis cli.exe 客戶端 redis server.exe...

mac 下tomcat 安裝與配置

經 2016年12月23日測試,可用 1 進入tomcat官網 從左側選擇版本 3 解壓後得乙個檔案,例如下面 4 開啟 終端,輸入以下命令 sudo mkdir p usr local sudo mv downloads 解壓後的tomcat檔案 usr local sudo rm f libra...