你的位置:首页 > Java教程

[Java教程]搭建Windows Node.js环境


利Javascript做为服务端脚本,通过Nodejs框架web开发。Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎。chrome浏览器就基于V8,同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express,可以帮助迅速建立web站点,比起PHP的开发效率更高,而且学习曲线更低。非常适合小型网站,个性化网站

这里介绍如何搭建Node.js Windows环境

第一步:下载并执行Node.js Windows Installer (.msi)  (V 4.2.1)

第二步: NPM (Node Package Manager) 模块管理工具(windows installer已包含)

npm 全名为Node Package Manager,是Node.js 的套件(package)管理工具,类似Perl 的ppm 或PHP 的PEAR 等。安装npm 后,使用npm install module name 指令即可安装新套件,维护管理套件的工作会更加轻松。

第三步:打开command prompt,执行npm install -g bower

Bower 是 twitter 推出的一款包管理工具,一个js依赖管理的工具,基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。

包管理工具一般有以下的功能:注册机制、文件存储、上传下载、依赖分析

参考说明:http://blog.fens.me/nodejs-bower-intro/

第四步:安装Grunt

Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现。

Grunt.js是基于Node.js的自动化任务运行器。Grunt.js结合NPM的包依赖管理,完全可以媲美Maven。Grunt.js天然适合前端应用程序的构建——不仅限于JavaScript项目,同样可以用于其他语言的应用程序构建。越来越多的JavaScript项目已经在使用Grunt,其中最大的使用者包括著名的jQuery项目。

执行npm install -g grunt-cli

第五步:git clone工程

1、git clone git@gitlab.alibaba-inc.com:cm/spas.git

2、git submodule add git@gitlab.alibaba-inc.com:aliyun/console.git

第六步:Install runtime dependencies,执行命令:npm install

第七步:Install browser side dependencies,执行命令:bower install

1、项目文件夹下多了一个app文件,里面有bower_components

2、可以增加一个.bowerrc文件,把组件下载到指定的目录

3、参考 http://jingyan.baidu.com/article/03b2f78c6bd7c05ea337ae6e.html

第八步:执行命令 grunt

 

附注1:NPM常用命令

1、npm install <name>安装nodejs的依赖包。——例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6

2、npm install <name> -g  将包安装到全局环境中。——但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令

3、npm install <name> --save  安装的同时,将信息写入package.json中。项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包。这样代码提交到github时,就不用提交node_modules这个文件夹了。

4、npm init  会引导你创建一个package.json文件,包括名称、版本、作者这些信息等

5、npm remove <name>移除

6、npm update <name>更新

7、npm ls 列出当前安装的了所有包

8、npm root 查看当前包的安装路径

9、npm root -g  查看全局的包的安装路径

10、npm help  帮助,如果要单独查看install命令的帮助,可以使用的npm help install