web前端初學(xué)最簡單的一個問題？

首先謝謝邀請，這里Python大星談?wù)剋eb前端初學(xué)快捷鍵的困惑。不足之處，請指出，共同學(xué)習(xí)進步

一、web前端開發(fā)工具

常見的五種web前端開發(fā)工具：

● sublime

● Hbuilder

● VS Code

● Atom

● Brackets

作為web前端開發(fā)工具，當(dāng)我們靈活利用編輯器的快捷方式時，會極大地提高我們書寫代碼的效率。二、第一個web前端快捷方式在我們剛踏入web前端學(xué)習(xí)領(lǐng)域時，看到別人能快速生成一個html標(biāo)準(zhǔn)文檔是十分羨慕的。如何去操作，其實并不難。

操作步驟：在文檔中輸入英文感嘆號"!" >> 再按住tab鍵即可

如果你不能達到下圖中的效果，請嘗試安裝 Emmet 插件

三、快捷鍵的擴展下面講解前端常用的一些快捷方式，最后以tab鍵結(jié)束。其中第9條真的是太太太有用了，初學(xué)你不看會后悔一輩子。

1、快速生成多個元素，比如5個div

2、給元素增加class或者id屬性

舉個栗子，給div增加屬性

● 增加class屬性使用.

div.first

+ tab鍵

● 增加id屬性使用#

div#first + tab鍵

3、給元素增加內(nèi)容，使用{}

4、兩個元素是兄弟元素，使用+

5、后代元素，使用>

7、上級元素使用^

當(dāng)使用 的指令之后，再繼續(xù)寫下去，那么后續(xù)內(nèi)容都是在 li 下級的。如果我想編寫一個跟 ul 平級的 span 標(biāo)簽，那么我需要先用 “^” 提升一下層次。

8、$的使用

● $出現(xiàn)一次，正序從 1 開始

● $出現(xiàn)一次，倒序

● $出現(xiàn)多次，正序從0開始

● 使用 @N 指定開始的序號

8、分組：()

用括號進行分組，表示一個代碼塊，分組內(nèi)部的嵌套和層級關(guān)系和分組外部無關(guān)

9、lorem生成隨機文本

三、小結(jié)工欲善其事，必先利其器。掌握好開發(fā)工具中的快捷鍵，我將事半功倍。最近我在頭條號上寫《Python Web全棧之旅》web前端部分，歡迎關(guān)注“Python大星”，呼吸不停，學(xué)習(xí)不止。