前端开发工具集-----项目开发AngularJS篇

国内AngularJS—API文档查看：
http://www.ngnice.com/

NodeJS
npm 是nodeJS下的模块管理器(包管理器)
安装包文件

npm install 包文件名      #这时就会在当前node_modules目录下安装此包文件npm install -g 包文件名   #会把当前包安装在全局目录下

npm run protractor       #在nodeJS下运行protractor自动化测试工具

前端开发工具集

一、代码编辑工具———–sublime
sublime 下载地址：http://www.sublimetext.com

二、断点调试工具———–chrome插件Batarang

三、版本管理工具———–git,msysgit,tortoisegit
克隆项目选择git clone…

四、开发和调试工具———NodeJS
下载地址：http://nodejs.org

五、代码合并和混淆工具—–grunt
下载地址：http：//www.gruntjs.org
必备插件： uglify——-对代码进行混淆的
压缩，在package.json里面的uglify}{}进行配置的
concat——-合并文件
watch——–监控文件变化
grunt watch—-用来运行grunt watch进行自动化操作(压缩操作，并监控文件变化，每次按下Ctrl+S时执行)

六、依赖管理工具———–bower
下载地址：http：//bower.io
bower安装：

bower install 文件名称

七、轻量级Server———–http-server
下载地址：http://github.com/nodeapps/http-server
命令行直接运行:

http-server

八、单元测试工具———–runner,karma依赖于jasmine
jasmine四个核心：
1、describe(string,function) 分组，即一组测试用例
2、it(string,function) 测试用例
3、expect(expression) 期望，表示某个值或者具有某个值或者具有某种行为
4、to***(arg) 匹配
启动测试用例

karma start

九、集成测试工具———–专为AngularJS定制的测试工具 Protractor
项目地址: https://github.com/angular/protractor
https://code.google.com/p/selenium/wiki/WebDriverJs
WebDriverJs 是一个为各个浏览进行通讯的一个接口驱动
运行protractor：

npm run protractor

十、sass与compass安装
请查看：http://blog.csdn.net/u011100687/article/details/49123545

项目结构

项目名    .git------------git自动维护的文件    dist------------编译后的文件夹        + css-------------------        + images----------------        + js--------------------        + phones----------------    misc------------    node_modules----由NodeJS自动创建的插件    src（app）------项目源代码        + bower_components------        + css-------------------        + images----------------        + js--------------------        + partials--------------        + phones----------------        + config.rg-------------sass与compass自动生成的配置文件        + sass------------------sass源文件存放目录    scripts----------    test------------代码测试文件夹        + e2e---------集成测试        + unit--------单元测试    packge.json-----ntp来读的文件    Gruntfile.js----来配置grunt的任务