web开发实例教程，html三行三列布局

最新推荐文章于 2022-10-13 11:27:10 发布

前端开发面经

最新推荐文章于 2022-10-13 11:27:10 发布

阅读量2.1k

点赞数

分类专栏：程序员文章标签：面试前端大前端

本文链接：https://blog.csdn.net/m0_60144505/article/details/119056849

版权

本文总结了18款适用于前端开发的工具，包括Web Developer浏览器插件、Emmet、URL-encoder for SVG等，涵盖代码格式化、CSS动画、SVG处理、命令行工具等多个方面，助你提升开发效率。

摘要由CSDN通过智能技术生成

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

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

1、 Web Developer 浏览器插件

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

禁止 Javascript
禁止 CSS
显示页面所有图片
…

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>

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