前端开发工具集-----项目开发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安装

请查看：/article/10216387.html

项目结构

项目名
.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的任务