1) 前端开发常用的IDE（Integrated Development Environment 集成开发环境）
网页三剑客 （Adobe Dreamweaver、Adobe Fireworks[Adobe Photoshop] 、Adobe Flash 目前设计效果图，很多公司都在使用sketch）
Sublime Text : http://www.sublimetext.com/
HBuilder : http://www.dcloud.io/
Webstorm (推荐) : http://www.jetbrains.com/webstorm/
Atom : https://atom.io/
Vim：https://vim.en.softonic.com
Visual Studio Code: https://code.visualstudio.com/
2) 前端开发常用的浏览器（Browser)
Webkit内核(V8引擎): 谷歌浏览器(chrome) 、 safari、大部分国产浏览器(360、搜狗、QQ、UC、猎豹、百度…)、安卓和IOS大部分手机浏览器…
Gecko内核: 火狐浏览器(firefox)
Presto内核: 欧朋浏览器(opera)
Trident内核: IE浏览器（IE6 - IE11）
KHTML排版引擎: 大部分网站都已放弃IE8及更低版本浏览器（例如：淘宝）
3) 代码编辑器VScode的安装
vscode 安装完毕之后，我们需要安装的几个插件：
中文汉化插件：chinese
在浏览器打开的插件：open in browser
设置控制已更新文件的自动保存 Auto Save : off 修改为 afterDelay
设置Font Size 代码字体大小
设置控制折行的方式Word Wrap: off 修改为 on
设置颜色主题: 设置我们喜欢的颜色主题
原文：https://www.cnblogs.com/youknowUL/p/11425810.html