VS Code------好用的插件以及常用快捷鍵

VSCode 在我電腦上也放了好久了,一直沒有去用它,因爲是全英文的嘛,畢竟有點障礙。

今天找了一個教程看了看,安裝了一箇中文插件,前期使用盡量還是不要全英文了啊,因爲不好上手,再瞭解了基本的使用後再去換成全文的會比較好一點。

VSCode 裏面有各種好用實用的插件,我用這個工具主要是寫前端的,其實它支持很多語言的,不過相對來說還是對前端開發是最實用的了。

VSCode是以工作空間爲單位的,在寫代碼之前需要新建文件,  然後用VSCode打開再新建自己需要的文件類型進行編碼.

推薦的幾款常用插件

Chinese Language   中文簡體

CSS class name for HTML : 在書寫CSS代碼時自動匹配(檢測)HTML中的類名等選擇器

open in browser: 寫的頁面可以在瀏覽器上顯示

Prettier: 格式化代碼 解決排版縮進問題(CTRL + shift + f)

Preview on web server: 當寫的頁面多時,可以只把當前頁面顯示在瀏覽器

 

常用快捷鍵

ctrl  c/v/x: 複製/粘貼/剪切

ctrl  /: 註釋

alt  up:向上移動行

alt down:向下移動行

shift  alt  up:向上複製行

shift alt   down:向下複製行

ctrl  enter: 向下插入行(不管光標在哪)

ctrl shift enter:向上插入行(不管光標在哪)

 

ctrl  p:實現頁面跳轉(可以查找不同的文件)

ctrl  shift  p:調取命令行

ctrl f: 查詞(標籤)

ctrl  shift  f:格式化代碼

shift  up/down: 向上選中文本或向下選中

ctrl  L : 選中當前行alt  鼠標點擊 : 可以選擇多個光標點,選中完後按esc或鼠標點擊一下取消選中.(可以批量更改相同字母的文本)

 

準備使用VSCode寫代碼了,前期我都是用HBulider寫的前端,其實早就該換掉的,每次練習都直接打開了,也沒時間去看這個編輯工具,今天特意抽時間學習學習怎麼用的.

我要接着學習我的Javascript去啦!!!!!!!

 

發佈了42 篇原創文章 · 獲贊 4 · 訪問量 1785
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章