首页 > 其他 > 详细

前端开发环境需要的工具

时间:2017-10-02 20:11:05      阅读:283      评论:0      收藏:0      [点我收藏+]

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是通用的

 

前端开发环境需要的工具

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!