码迷,mamicode.com
首页 > 其他好文 > 详细

前端开发环境需要的工具

时间:2017-10-02 20:19:37      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:color   chrome插件   测试工具   匹配   cti   概念   插件   exp   接口   

demo---angular-phonecat:一个完整的项目目录结构实例

代码编辑工具

node.js
Sublime 轻量级 支持快捷编码
webstorm 非常强大集成的十分多的功能 

断电调式工具

Chrome插件Batarang

 

版本管理工具

git
svn
cvs

 

代码合并和混淆工具

NodeJS 要使用npm命令进行安装grunt 
可以在gruntjs官网查看相应文档 作用就是运行相应命令后,再在代码编辑器中点击保存自动压缩js文件

 

依赖管理工具

bower
功能:自动安装依赖的组件 如:切换到bower路径 下执行命令:bower install bootstrap自动安装到bower_components文件下
        组件之间的依赖检测
        版本兼容性自动检测
  官网:http://bower.io/
类似于java中的maven

 

单元测试工具

轻量级Server--http-server
    一款简单的http-server
    基于nodeJS的HTTP接口
主要是用来数据的模拟,如重量级的后端,就可以采用http-server来数据的模拟

 

集成测试工具

需要先按照karma

jasmine相当于java中的junit,提供了一套语法,用来编写测试用例 http://jasmine.github.io/
jsamine四个核心概念:分组,用例,期望,匹配,分别对应jasmine的四种函数

describe(string,function)这个函数表示分组,也就是一组测试用例
it(string,function)这个函数表示测试用例。
expect(expression)表示期望expression这个表达式具有某个值或具有某种行为。
to***(arg)这个函数表示匹配。

专门为AngularJS定制的测试工具--Protractor
  一款集成测试工具,专门为AngularJS应用而设计;
  基于WebDriverJS;
  原理:利用WeDriverJS,可以借助于nodeJS直接调用浏览器(IE,FF,Chromme)的接口;
https://github.com/angular/protractor
https://code.google.com/p/selenium/wiki/WebDriverJS
请注意,Protractor是为AngularJS专门定制的工具,但是WebDriverJS是通用的

 

前端开发环境需要的工具

标签:color   chrome插件   测试工具   匹配   cti   概念   插件   exp   接口   

原文地址:http://www.cnblogs.com/dqcer/p/7622135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!