建立node-webkit开发环境

1.nodejs下载安装

.nodejs下载
下载地址:

http://nodejs.org/download/

下载文件node-v0.10.35-x64.msi

.安装nodejs
安装目录: %ProgramFiles%\nodejs


2.下载安装grunt

C:\>npm install -g grunt-cli
%APPDATA%\npm\grunt -> %APPDATA%\npm\node_modules\grunt-cli\bin\grunt
grunt-cli@0.1.13 %APPDATA%\npm\node_modules\grunt-cli
├── resolve@0.3.1
├── nopt@1.0.10 (abbrev@1.0.5)
└── findup-sync@0.1.3 (lodash@2.4.1, glob@3.2.11)

C:\>grunt --version
grunt-cli v0.1.13


grunt安装位置:
C:\>where grunt
%APPDATA%\npm\grunt
%APPDATA%\npm\grunt.cmd

%APPDATA%\npm\node_modules\grunt-cli

3.下载安装Git

git下载
http://msysgit.github.io/
下载文件
Git-1.9.5-preview20141217.exe

安装位置
%ProgramFiles(x86)%\Git


4.创建项目

步骤如下:
1.创建项目主目录(D:\mytest\grunt_test2)
2.在主目录下建立package.json文件
3.执行:npm install.下载安装packege.json中devDependencies指示的依赖库
4.创建Gruntfile.js,指示grunt如何工作
5.执行grunt

第3步后执行以下命令
D:\mytest\grunt_test2>grunt --version
grunt-cli v0.1.13
grunt v0.4.5
***和之前执行多了"grunt v0.4.5“一行

创建编辑package.json的过程,可以利用grunt-init模板或npm init简化.

(1)利用grunt-init模板
.创建项目主目录
.安装grunt_init
npm install -g grunt-init

安装位置:
D:\mytest\grunt_test3>where grunt-init
%APPDATA%\npm\grunt-init
%APPDATA%\npm\grunt-init.cmd

%APPDATA%\npm\node_modules\grunt-init

模板位置:
***需要创建目录:%USERPROFILE%\.grunt-init

如下载jquery模板:
git clone https://github.com/gruntjs/grunt-init-jquery.git %USERPROFILE%\.grunt-init/jquery

下载node-webkit模板:
git clone https://github.com/youxiachai/grunt-init-node-webkit.git %USERPROFILE%\.grunt-init\node-webkit

***采用以下命令失败,这也是node-webkit grunt-init模板开发者在http://www.cnblogs.com/youxilua/p/3168799.html中的提到的方法:
git clone git@github.com:youxiachai/grunt-init-node-webkit.git %USERPROFILE%\.grunt-init\node-webkit
报错误:
Permission denied (publickey).
Fatal: Could not read from remote repository.

 
.执行grunt-init TEMPLATE创建项目
如grunt-init node-webkit
根据模板提示回答问题后,新的基于node-webkit的项目就创建了. ****这是本文活动的目标

(2)npm init创建默认package.json.执行npm install.使用npm install <module> --save-dev安装需要的模块.--save-dev指示自动维护package.json文件.

5.参考资料

grunt快速入门
http://www.gruntjs.net/docs/getting-started/

另一个文档可以作为补充.
Grunt安装使用入门教程
http://www.111cn.net/wy/js-ajax/58935.htm

 


 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值