Cordova系列之一开发环境搭建(windows)


操作系统: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
[email protected] C:\Users\user\AppData\Roaming\npm\node_modules\cordova
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], [email protected],
[email protected], [email protected], [email protected], [email protected])
└── [email protected] ([email protected], [email protected], properties-parse
[email protected], [email protected], [email protected], [email protected], [email protected], [email protected], xco
[email protected], [email protected], [email protected], [email protected], [email protected], aliasi
[email protected], [email protected], [email protected], [email protected], co
[email protected], [email protected])

注: 如由于网络原因无法安装成功,可参看文章 《使用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


猜你喜欢

转载自blog.csdn.net/jt_notes/article/details/50290591