前端新手入坑之Visual Studio Code (vscode) 教程


我個人學習前端時用的編譯器就是VScode,之后做vue或者react項目都是用的VScode了。關於微信小程序大家可以選擇微信開發者工具或者HBuilderX。

 

然鵝萌新第一次使用會遇到很多問題,然后一個一個去百度(比如我😂)

最近在知乎上 看到一篇標題為👇👇👇

史上最全vscode配置使用教程

的文章,點進去一看,針不戳!!!對前端小白來說可以說的保姆級的教程了,有興趣的可以看看。

鏈接在最后。

 

常用的快捷鍵

高效的使用vscode,記住一些常用的快捷鍵是必不可少的,我給大家羅列了一些日常工作過程中用的多的快捷鍵。

以下以Windows為主,windows的 Ctrl,mac下換成Command就行了

對於 行 的操作:

  • 重開一行:光標在行尾的話,回車即可;不在行尾,ctrl + enter 向下重開一行;ctrl+shift + enter 則是在上一行重開一行
  • 刪除一行:光標沒有選擇內容時,ctrl + x 剪切一行;ctrl +shift + k 直接刪除一行
  • 移動一行:alt + ↑ 向上移動一行;alt + ↓ 向下移動一行
  • 復制一行:shift + alt + ↓ 向下復制一行;shift + alt + ↑ 向上復制一行
  • ctrl + z 回退

對於 詞 的操作:

  • 選中一個詞:ctrl + d

搜索或者替換:

  • ctrl + f :搜索
  • ctrl + alt + f: 替換
  • ctrl + shift + f:在項目內搜索

通過Ctrl + ` 可以打開或關閉終端

Ctrl+P 快速打開最近打開的文件

Ctrl+Shift+N 打開新的編輯器窗口

Ctrl+Shift+W 關閉編輯器

Home 光標跳轉到行頭

End 光標跳轉到行尾

Ctrl + Home 跳轉到頁頭

Ctrl + End 跳轉到頁尾

Ctrl + Shift + [ 折疊區域代碼

Ctrl + Shift + ] 展開區域代碼

Ctrl + / 添加關閉行注釋

Shift + Alt +A 塊區域注釋

 

指路👇👇👇👇

https://zhuanlan.zhihu.com/p/113222681


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM