0基础前端开发，web前端开发工程师找工作

###前言
在平时的开发工作中我们需要使用到很多的工具来辅助我们的开发，也经常会查阅很多的网站来收集资料。下面具体总结了开发过程中的常用的18款工具分享给大家。很实用，可以收藏这样需要时很快能找到，点击标题就会直接跳转到工具页面。

也欢迎小伙伴们在评论区分享和安利出你们觉得有用的工具。

1、 Web Developer 浏览器插件

一款服务于 Web 开发者的浏览器插件，可以针对该网站做更深入的操作，如

1. 禁止 Javascript
2. 禁止 CSS
3. 显示页面所有图片
4. …

2、 Emmet: Web 开发者的利器

高效的前端开发利器，可在 Vue/React 中快速书写修改 HTML/CSS，并支持多种编辑器，如流行的 VSCode。

它最大的功能就是把 CSS 样式的缩写 转化为 HTML，如输入 #page>(#header>ul#nav>li*4>a)+(#content>h1{Hello world}+p)+#footer，并按下 Tab 键，自动生成以下 HTML

<div id="page">
  <div id="header">
    <ul id="nav">
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
    </ul>
  </div>
  <div id="content">
    <h1>Hello world</h1>
    <p></p>
  </div>
  <div id="footer"></div>
</div>

以上扩展缩写的功能被称为 Expand Abbreviation<