Sublime Text、webstorm等編譯器快速編寫HTMLCSS代碼的技巧 -开发者知识库

Sublime Text、webstorm等編譯器快速編寫HTMLCSS代碼的技巧 -开发者知识库,第1张

Sublime Text、webstorm等編譯器,如果你從事Web前端開發的話,對這幾款軟件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度,比如下面的演示:

Sublime Text、webstorm等編譯器快速編寫HTMLCSS代碼的技巧 -开发者知识库,第2张

一、快速編寫HTML代碼

1.  初始化

HTML文檔需要包含一些固定的標簽,比如<html>、<head>、<body>等,現在你只需要1秒鍾就可以輸入這些標簽。比如輸入“!”或“html:5”,然后按Tab鍵: 

Sublime Text、webstorm等編譯器快速編寫HTMLCSS代碼的技巧 -开发者知识库,第3张

  • html:5 或!:用於HTML5文檔類型
  • html:xt:用於XHTML過渡文檔類型
  • html:4s:用於HTML4嚴格文檔類型

2.  輕松添加類、id、文本和屬性

連續輸入元素名稱和ID,編譯器會自動為你補全,比如輸入p#foo:

Sublime Text、webstorm等編譯器快速編寫HTMLCSS代碼的技巧 -开发者知识库,第4张

連續輸入類和id,比如p.bar#foo,會自動生成:

    <p class="bar" id="foo"></p>  

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复