1. 程式人生 > >webapp開發學習---Cordova環境搭建

webapp開發學習---Cordova環境搭建

是否 html 環境搭建 install add 平臺 移動app 查看 免費

Cordova 使用HTML, CSS & JS進行移動App開發;多平臺共用一套代碼;免費開源

步驟:(來自Cordova官網)

1.安裝Cordova(在node.js環境下進行安裝)

命令提示行 npm -v 可以查看是否安裝成功node.js

npm install -g cordova 安裝cordova

2.創建一個項目

使用命令行創建一個空的Cordova項目。導航到你希望創建項目的目錄

Example
cordova create myapp com.mycompany.myteam.myapp MyApp

3.添加一個平臺

在創建完一個Cordova項目後,導航到項目目錄。cd MyApp

在項目目錄中,你需要添加你想構建app的平臺 cordova platform add browser / cordova platform add android

4.運行APP

cordova run browser / cordova run android

這個是run browser 的運行的結果:

技術分享

打開創建的項目,如下:

技術分享

用Android Studio這樣打開:

技術分享

Android Studio 打開如下

技術分享

用模擬器或者真機測試如下:

技術分享

webapp開發學習---Cordova環境搭建