nodejs+angularjs+npm+gulp+bower+jade+less构建前端框架

名词解释

nodejs:nodejs是这个框架的基础,nodejs可以理解成js解释器,相对于Python语言而言,以前运行js代码必须使用浏览器,现在就可以使用nodejs,nodejs还扩充了js语言,编写了包括文件,网络,进程管理在内的许多模块。

angularjs:angularjs是一个js框架,类似于jquery,但是比jquery更加强大,angularjs通过model绑定简化了前端中的数据处理,ng指令封装了大量的dom元素操作。

npm:npm是nodejs的包管理软件,通过npm install < packagename >,可以很方便地为项目安装模块,模块默认安装在node_modules目录里面。

bower:bower是另一个包管理工具,和npm侧重不同的是bower是前端工具的包管理工具,而npm是nodejs的模块管理工具。其它区别还有这两点

bower不保存文件,只是将模块作者的git地址暴露出来,安装的时候从git下载,而npm将模块保存在自己的服务器上面。
bower的依赖管理和npm不同(具体如何不同待了解)

gulp:gulp是一个项目构建工具,使用流将源文件合成到输出文件夹,gulp以执行task为基本方式。例如,建立代理和将分离的js文件合并(编译js)就是两个分离的任务。

jade:jade是一个html模板引擎,使用jade可以用较为简单的方式来开发html页面,程序员可以少写很多代码,这是我目前为止最主要的体会。

less:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展

实践

待更新。。。

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...