JavaScript Overview

Node.js 是一个JavaScript的平台,它提供了一个脱离浏览器的JavaScript运 行环境,同时也提供了一系列运行库和各种包. npm(nodejs package manager)则是这各平台的包管理系统.它通过读取package.json文件来安装项 目所需的依赖(就跟maven的pom.xml一样).

bower ,是nodejs之中的一个组件,本身用来专门管理前端开发所需要的包 (JavaScript,CSS).它与npm的区别在于管理对象的不同以及bower使用的是扁 平化的依赖关系而npm使用树形依赖.bower读取bower.json来安装依赖.

yoeman , 安装时叫做 yo,是一个用来创建项目骨架的工具.它根据 yeoman-generator,也就是模板来创建文件架结构.模板需要用npm来安装,比 方说

npm install -g generator-gulp-angular

模板名字以 generator 开头. 使用时运行

mkdir [app-name] && cd $_
yo gulp-angular [app-name]

来生成一个以generator-gulp-angular为模板的项目骨架,项目名字为 [app-name]. 就刚刚使用的这个模板为例,它在创建的时候会询问你需要什 么样的angular版本,哪一种CSS样式库(bootstrap, material),哪种angular 的实现方式(angular-strap),等等.

grunt / gulp 用来运行打包,压缩,发布等任务.在刚刚的例子中,我们使 用的是基于gulp的模板,所以要用gulp来运行以上任务.生成模板的事后,已经 在项目目录下建立了一个名为gulp的目录以及一个叫做gulpfile.js的文 件.gulp目录下面包含一系列js文件. gulpfile.js里面引入gulp库,定义一些 目录(src)的路径,并引入gulp目录,从而使得gulp目录下的js文件被gulp用来 进行相应的操作.这个模板的github说明上还指出一系列可选的特性,但是目 前看不出来在哪里定义的.

• Javascript
  • AngularJS
  • UI-Route
• UI Framework
  • Bootstrap
  • Angular Material
• CSS Preprocessor
  • Sass(Node.js)
  • Less
• JS Preprocessor
  • ES6
  • TypeScript
  • CoffeeScript
  • AtScript
• HTML template
  • .jade
  • .haml