前端工程师开发工具记录

前端开发常用工具列表

前端工具

所谓磨刀不费砍柴工，如果有好的开发工具和顺手的开发环境，那写起代码来就事半功倍，不同的人喜欢不同的工具，不同的项目对工作环境要求不一样，这里没办法列出最合适大家的，只是列出最常见的，至少在搭建环境的时候多少能够帮助到你。

常用工具列表

WebStorm 想必大家都知道，也是我最喜欢的工具之一,工具不是免费的，你可以百度注册码或者是注册机。编辑器本身集成了很多插件，常见的svn angualr 等，它还有很多有趣的插件我罗列了几个（到 Setting -> Plugins 下载）：

• Markdown ,喜欢markdown 的朋友值得拥有，虽然比不上很多markdown的工具，至少减少窗口的开启，让你直接在webstorm 进行编辑
• Key promoter 很多朋友经常不记得快捷方式，这个插件在你使用鼠标点击菜单的时候会疯狂的提示你对应的快捷键，如果你没有设置快捷键，可以直接设置。

sublime_text,你懂得。非凡的功能和惊人的性能

---

HBuilder飞速编码的极客工具，手指爽，眼睛爽

---

Mark 马克鳗 ,高效的设计稿标注、测量工具。使用后就忘不了。

---

Beyond Compare 文件对比工具，没有比他更好的了，但是如果你无法使用，请使用Winmerge

---

chrome 你懂得，还有很多插件可是使用，这里只是罗列了几个，还有很多实用的插件：

• CSSViewwer 查看任何元素的css样式
• WEB前端助手 常用的前端小工具，json格式化、二维码生成器、页面取色工具、页面性能检测等
• DHC REST Client 前后端分离，用于测试接口。其实webStorm 也有带这种工具
• 鼠标手势 充分发掘鼠标的所有操作功能，

koala考拉 支持Less、Sass、CoffeeScript 和 Compass Framework 编译。而且是自动更新文件，跨平台。

---

Photoshop CS ，前端怎么也得会一点PS ,最好安装CS 版本，可以直接复制一些简单的CSS代码，写静态界面的时候减少工作量。

常用环境列表

node.js 太多的词可以来形容它，官网是这样说的: 一个JavaScript运行Chrome的V8 JavaScript引擎。

---

npm cpm 包管理工具

---

gulp 百度FIS 用自动化构建工作流，让你的项目飞起来

---

版本管理 svn git 在很多开发工具里都会自动集
成，比如Webstorm ,如果没有也没有关系，在他们的官网可以去下载相应的插件，或者是在工具中配置。

---

Nginx 反向代理服务器

前端社区

segmentfault 是一个专注于解决编程问题，提高开发技能的社区。

---

runoob 奔跑吧！菜鸟（Runing noob）,很适合入门级的前端朋友。

---

W3cfuns

---

html-js 前端乱炖

---

F2E 前端交流分享社区

前端常用API

前端的技术更新太频繁了，无法列出主流的技术。只是列出常用的API

HTML5

---

CSS3/CSS2

---

JavaScript

---

Underscore.js 1.8.3

---

Jquery

---

Zepto.js 1.1.6

在线工具网站

OSchina-tool 大量的在线工具和API

---

W3cfuns-tool

其它

• 15个必须知道的chrome开发者技巧