收集和整理了一些前端开发常用的工具和库。
- node 项目组使用的node版本一般都不是最新的。这个链接下是所有的node版本。
- es6 fiddle 在线es6。方便学习es6语法和特性) - 最近不能使用
- jetbrains 这个网站做了很多不错的IDE
- atom github 官方开发的IDE.
- sublime 很不错的文本编辑器,插件丰富,功能强大.
- visual studio code 微软出品的编辑器,和 atom 一样基于 electron 。集成了 git,单步调试,和命令行等实用工具。
- Meld
- BeyondCompare
- Online text-compare
- grunt 自定义构建任务,测试,压缩,打包,一键搞定。 doc 中文
- gulp 基于流的构建,更快,更简单 doc plugins * gulp-strip-debug 过滤 console,debug,alert 代码。
-
bower 前端js包管理工具,可以解决繁复的前端js依赖关系
设置代理: 编辑.bowerrc文件
{
...
"proxy": "http://proxy.com:8080",
"https-proxy": "http://proxy.com:8080",
...
}
- babel 是一个js编译器,通过es6插件的支持,babel将es6代码编译成主流浏览器兼容的js。
- browserify 根据require关系将所有的依赖打包到一个文件中。
Browsers don't have the require method defined, but Node.js does. With Browserify you can write code that uses require in the same way that you would use it in Node.
css 本身不支持导入,变量,嵌套等特性,而预处理器可以让我们像编程一样编写css。
- sass try
- less try it online
- stylus try it online
- autoprefixer 自动加上浏览器前缀。 try it online
- mocha单元测试框架
- chai 断言库,支持BDD和TDD两种风格
- chai-as-promised 支持promise风格的断言,搭配chai使用可以测试返回promise的函数
- sinon JavaScript test spies, stubs and mocks
- proxyquire 替换node模块中的require
- istanbul 生成测试覆盖率报告
- jasmine BDD风格的测试框架
webpack 支持基于模块的 hot reload, 不需要刷新页面,或者刷新页面但能保持状态。
promise是对于javascript callback的改进,是一种新的流程管理思想。基于promise标准,产生了很多promise库。es6增加了原生的promise。
- q 最基础的promise实现
- bluebird 功能更加丰富的promise库
- axios 基于标准promise的http client,包括ajax client和node client
- continuation-local-storage 用于在方法调用链(比如promise的then链)中设置和自动获取变量。 sequelize使用它在链中存储transaction对象。
- request 封装了原生http的库
- request-promise promise风格的http request库
- isomorphic-fetch 流行的 fetch 库
- node-multiparty 解析form
- sequlize promise风格的orm框架。支持简单的事务处理。
- jad
- hbs
- ejs
- app-UI
- material-ui
- element ui 饿了么前端 vuejs 2.0 ui 框架
- iview 曾经和 element ui 闹过抄袭风波的 vuejs 2.0 ui 框架
- ant-design 蚂蚁金服 UI 设计语言 旗下包含 antd pro/antd mobile 等多个设计和ui项目
- angularjs MVVM框架,支持模板,路由,promise。
- react 前端组件
- vuejs 简单灵活的模块框架,社区非常活跃,最新的 es6,模块化,css预处理都支持,flux
- vue-loader 加载 vue 模块
用开发web应用的方式开发电脑,平板,手机上的应用
- nwjs 跨平台PC应用开发
- electron 跨平台PC应用开发
- phonegap 跨平台手机应用开发
- react native
- ionic - HTML5 mobile development framework and SDK
- rawgit 可以为github上的资源添加适合的 content-type,以便它们在浏览器中正常工作。 比如一个js文件,如果直接通过github访问,这个文件的mime-type是plain/text,它是不会在浏览器中自动运行的。
github.com/your-name/your-repo/your-branch/your-file
For development => rawgit.com/your-name/your-repo/your-branch/your-file
For production(cdn) => cdn.rawgit.com/your-name/your-repo/your-branch/your-file
- unpkg npm package 内容分发平台, npm 的 cdn
MIT