操作系统:Windows 7
工作目录:D:\cordova
安装开发环境
步骤1:下载并安装Node.js
到Node.js官网下载安装包(点击打开链接),本文使用的安装包是node-v4.2.3-x86.msi。
如无特殊安装需求,按照提示缺省安装。
步骤2:下载并安装JDK
到oracle官网下载安装包(点击打开链接),本文使用的安装包是jdk-8u65-windows-i586.exe。
如无特殊安装需求,按照提示缺省安装。
步骤3:安装Cordova
打开控制台,输入 npm install -g cordova
安装日志
C:\Users\user>npm install -g cordova C:\Users\user\AppData\Roaming\npm\cordova -> C:\Users\user\AppData\Roaming\npm\n ode_modules\cordova\bin\cordova cordova@5.4.1 C:\Users\user\AppData\Roaming\npm\node_modules\cordova ├── underscore@1.7.0 ├── q@1.0.1 ├── ansi@0.3.0 ├── nopt@3.0.1 (abbrev@1.0.7) ├── update-notifier@0.5.0 (is-npm@1.0.0, semver-diff@2.1.0, repeating@1.1.3, string-length@1.0.1, chalk@1.1.1, configstore@1.3.0, latest-version@1.0.1) └── cordova-lib@5.4.1 (valid-identifier@0.0.1, opener@1.4.1, properties-parse r@0.2.3, semver@4.3.6, nopt@3.0.6, shelljs@0.3.0, rc@0.5.2, dep-graph@1.1.0, xco de@0.8.0, glob@4.0.6, npmconf@2.1.2, request@2.47.0, cordova-serve@1.0.0, aliasi fy@1.8.0, cordova-app-hello-world@3.10.0, init-package-json@1.9.1, tar@1.0.2, co rdova-js@4.1.2, npm@2.14.14)
注: 如由于网络原因无法安装成功,可参看文章 《使用npm安装一些包失败了的看过来(npm国内镜像介绍)》
本文使用的是其中的方法一:
通过config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore
构建helloworld工程
步骤1:进入工作目录,并创建helloworld工程
C:\Users\user>d:
D:\>cd cordova
D:\cordova>cordova create helloworld
Creating a new cordova project.
D:\cordova>
工程目录如下
步骤2:添加平台并验证
C:\Users\user>d:
D:\>cd cordova
D:\cordova>cd helloworld
D:\cordova\helloworld>cordova platform add browser
Adding browser project...
Running command: cmd "/s /c "C:\Users\user\.cordova\lib\npm_cache\cordova-browse
r\4.0.0\package\bin\create.bat D:\cordova\helloworld\platforms\browser io.cordov
a.hellocordova HelloCordova""
Creating Browser project. Path: platforms\browser
Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the pr
oject
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for browser
This plugin is only applicable for versions of cordova-android greater than 4.0.
If you have a previous platform version, you do *not* need this plugin since th
e whitelist will be built in.
D:\cordova\helloworld>cordova run browser
Running command: cmd "/s /c "D:\cordova\helloworld\platforms\browser\cordova\run
.bat""
Static file server running on port 8000 (i.e. http://localhost:8000)
CTRL + C to shut down
Static file server running @ http://localhost:8000/index.html
CTRL + C to shut down
Executing command: cmd /c start "" chrome --user-data-dir=%TEMP%\temp_chrome_use
r_data_dir_for_cordova http://localhost:8000/index.html
gzip
200 /index.html (D:\cordova\helloworld\platforms\browser\www\index.html)
gzip
200 /css/index.css (D:\cordova\helloworld\platforms\browser\www\css\index.css)
gzip
200 /cordova.js (D:\cordova\helloworld\platforms\browser\www\cordova.js)
gzip
200 /js/index.js (D:\cordova\helloworld\platforms\browser\www\js\index.js)
gzip
200 /img/logo.png (D:\cordova\helloworld\platforms\browser\www\img\logo.png)
gzip
200 /cordova_plugins.js (D:\cordova\helloworld\platforms\browser\www\cordova_plu
gins.js)
404 /favicon.ico