首頁 > 開發工具 > VSCode > 10 種VSCode中提升開發效率的小技巧

10 種VSCode中提升開發效率的小技巧

青灯夜游
發布: 2021-11-09 18:31:01
轉載
2680 人瀏覽過

這篇文章要總結分享10 種VSCode中提升開發效率的外掛和小技巧,希望對大家有幫助!

10 種VSCode中提升開發效率的小技巧

VScode 10 種提效外掛程式與小技巧

1.設定檔不在側邊欄顯示

開啟Setting, 搜尋files:exclude

10 種VSCode中提升開發效率的小技巧

#新增需要在側邊欄排除的檔案~【建議學習:《 vscode教學》】

2.像Webstorm 一樣查看歷史記錄

##安裝外掛Local History

10 種VSCode中提升開發效率的小技巧

重啟VSCode

#修改檔案後就會在這裡產生新的記錄。需要還原選擇版本然後 Restore 就可以了。

10 種VSCode中提升開發效率的小技巧

3.VSCode修改快速鍵為Webstorm 的快速鍵

外掛程式搜尋idea 安裝IntelliJ IDEA Keybindings

10 種VSCode中提升開發效率的小技巧

安裝成功後就可以使用webstorm 的快捷鍵了

例如:

    複製行command d
  • 尋找command f
  • 取代command r
  • 全域查找Ctrl Shift F
  • 全域取代Ctrl Shift R

## 4.設定idea 快捷鍵後如何快速定位檔案

預設快捷鍵Ctrl P

idea 快捷鍵下連按兩下shitf 鍵

10 種VSCode中提升開發效率的小技巧

5. 自動補全引用時全檔案的名稱

安裝外掛AutoFileName

10 種VSCode中提升開發效率的小技巧

6. 自動感應引入檔案的路徑

安裝外掛程式 Intellisense

10 種VSCode中提升開發效率的小技巧

10 種VSCode中提升開發效率的小技巧

7.VSCode 設定語言為中文

搜尋外掛Chinese

10 種VSCode中提升開發效率的小技巧

8.高亮註解

#安裝外掛程式Better Comments

10 種VSCode中提升開發效率的小技巧

110 種VSCode中提升開發效率的小技巧

擴充註解高亮配置

#Settings.json 增加設定

"better-comments.tags": [
  {
    "tag": "!", // 触发高亮显示的前缀
    "color": "#FF2D00", // 高亮注释文字的颜色
    "strikethrough": false, // 是否有删除线
    "backgroundColor": "transparent"//背景颜色
  }
]
登入後複製
9.檢查代碼是否拼字錯誤

安裝外掛程式Code Spell Checker

110 種VSCode中提升開發效率的小技巧

## Enabled File Types

  • AsciiDoc
  • #C, C
  • C
  • #css, less, scss
  • Elixir
  • Go
  • Html
  • Java
  • JavaScript
  • JSON / JSONC
  • LaTex

## MarkdownPHPPowerShell

Pug / Jade

Python10 種VSCode中提升開發效率的小技巧

reStructuredText

110 種VSCode中提升開發效率的小技巧#Rust

ScalaText

###TypeScript######YAML################10.自動重新命名標籤將確保您只需要重命名開始標籤。 ############安裝外掛程式Auto Rename Tag#########################更多程式相關知識,請造訪: ###程式設計影片###! ! ###

以上是10 種VSCode中提升開發效率的小技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板