利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