Web前端开发编辑器

Notepad++ 7.7.1

好用且免费的代码编辑器

   
eclipse-jee-2018-12-R-win32-x86_

可以跨平台多语言使用的一个开发工具

   
UltraEdit_64

能够满足你一切编辑需要的编辑器

   
SublimeText3汉化版

中文版,但不支持代码提示功能

   
SublimeText3 Mac版

神级代码编辑软

 
SublimeText3 Linux新版

Linux下应用的SublimeText3最新版本

   
WebStorm Mac版

很好用的JavaScript开发工具

 
Atom编辑器Mac版

最流行的开源编辑器

 
DreamweaverCS6

视觉化网页开发工具

   
Dreamweaver Mac版

视觉化网页开发工具

 
vim编辑器(gvim) 8.1.282 正式版

Vim是一个超级超级强大的文本编辑器

   

Web前端开发框架

Zepto.js

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto

 
SUI Mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

 
angular.Js

是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

 
JQuery Mobile

是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

 
requirejs

RequireJS的目标是鼓励代码的模块化,它使用了不同于传统<script>标签的脚本加载步骤。可以用它来加速、优化代码,但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。

 
Vue.js

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.js 更容易上手。

 
backbone.js

:Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序。

 
React

React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人认为 React 是 MVC 中的 V(视图)。我们创造 React 是为了解决一个问题:构建随着时间数据不断变化的大规模应用程序。为了达到这个目标,React 采用下面两个主要的思想。

 
Ionic

Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,比如我们的AngularIonic扩展。

 
Pure

Pure精心设计,只为可以在任何Web项目中使用。为了例证这一点,我们制作了如下几个模板。这些模板都是响应式的,并且没有使用任何JavaScript。

 
bootstrap

简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

 
EasyUI

easyui是一种基于jQuery的用户界面插件集合。

 
Ant Design

一个 UI 设计语言,一套提炼和应用于企业级后台产品的交互语言和视觉体系

 
Echarts

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。

 
Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

 

网页设计工具

Web 安全色

本表中列出的是 WEB 设计、开发中常用安全色。列于此是为了方便大家参考。

 
Font Awesome

Bootstrap 专用图标字体 Font Awesome 中包含的所有图标都是矢量的,也就可以任意缩放,避免了一个图标做多种尺寸的麻烦。CSS 对字体可以设置的样式也同样能够运用到这些图标上了。

 
Mockplus

更快更简单的免费web原型设计工具

   

Web前端开发辅助工具

gulp

gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查、合并、重命名、压缩、格式化、浏览器自动刷新、部署文件等功能。

 
LESS

一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。

 
Sass

最流行的 CSS 扩展语言解析器 Sass 是一个成熟、稳定、强大的 CSS 扩展语言解析器。

 
ESLint

JavaScript 代码检查工具 ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码。

 
node-v12.14.0-x64.msi

使用npm来安装babel,npm是随同Nodejs一起安装的包管理工具,新版的nodejs已经继承了npm,我们只要安装nodejs即可

   

小工具箱

YoudaoDict_webdict_default

专业翻译软件,你值得拥有的工具

   
typeeasy.22053.12012.0

最新版的金山打字通

   
有道云笔记

可以用做个人笔记的制作

 
开发者工具

提供Json、XML、SQL等格式化,实体类生成等功能

 
菜鸟工具

提供在线运行Java/C/PHP/Python/Go等语言代码,可以实现MD5编译,生成随机密码等其他功能,可自行探索

 
ProcessOn

在线制图工具,可以轻松在线制作流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等,可以在线协作。

 
bugclose

Bug管理工具,可以创建项目对项目进行跟踪管理,重点是免费

 
Toolfk

程序员在线工具箱,提供各种格式转换、编译反编译等功能。

 
TextFover

解析html,转换为text等格式

   
Beyond_Compare

文件对比工具,可以对比两个文本的差异程度进行合并

   
免安装版取色器

直接解压即可使用,任意取色。

   
PicPick工具

带有标尺,取色,放大,量角器等功能,非常适合开发或教学使用,免安装版,直接解压既可使用