VSCODE經常使用插件使用記錄

經常使用必備:

1.vscode-icon

讓 vscode 資源樹目錄加上圖標,必備良品!

圖片描述

2.Path Intellisense

自動路勁補全,默認不帶這個功能的

3.beautify

Beautify css/sass/scss/less 
 react-beautify 
 格式化代碼 
 使用指南:按F1,而後輸入bea—>選擇你要格式的文件類型 js/css/html

圖片描述
圖片描述
格式後:
圖片描述css

4.GitLens

豐富的git日誌插件

圖片描述

5.Bracket Pair Colorizer

讓括號擁有獨立的顏色,易於區分。能夠配合任意主題使用。

圖片描述

6.Auto Close Tag

自動閉合HTML標籤

7.TODO Parser

TODO 管理 
能夠列出在註釋中寫入的全部TODO事項

使用指南: 在註釋中寫TODO:[注意必須大寫]TODO後面便是你規劃的要作的內容

圖片描述

而後點擊下面的按鈕 
控制檯就會輸出你的todo列表

圖片描述

能夠搜索項目中的全部todo。html

8.Color Info

小窗口顯示顏色值,rgb,hsl,cmyk,hex等等

圖片描述

將光標移在顏色值中,還有拾色的功能

![圖片描述][10]

Vue插件

如下推薦vue框架所需的插件

1.vetur

語法高亮、智能感知、Emmet等

圖片描述

React 插件

1.React Native Tools

語法高亮,代碼調試

官網說明

主題

##1.Dark-Dracula Theme

我以爲這款醉好看(●’◡’●)
圖片描述vue

MarkDown工具

1.markdown 預覽preview
     Markdown Preview Github Styling

圖片描述

使用指南:打開md文件右邊都有一個預覽按鈕以下

圖片描述

固然若是你想打開md文件自動就能預覽,能夠再下個插件:react

Auto-Open Markdown Previewgit

2.markdown 快速編輯
    Markdown All in One      提供了不少快捷鍵,加粗等

具體使用可見官方說明sass

相關文章
相關標籤/搜索