国产女主播高潮在线播放,国内精品久久久久久中文字幕,无码中文字幕乱码一区

VS Code

總結了一些平時常用且好用的 VS Code 的插件和編輯技巧分享出來。

文章詳情可查閱我的博客：https://lishaoy.net

外觀

主題

這里我分享兩款主題：

Material Theme

效果如圖：

Material Theme

An Old Hope Theme

效果如圖：

An Old Hope Theme

圖標

Material Icon Theme 當然，這兩款主題的文件管理器（左側）的 icon 小圖標使用的是 Material Icon Theme

字體及其他

其他和外觀相關的設置如下：

{
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": false,
    "workbench.activityBar.visible": false,
    "workbench.iconTheme": "eq-material-theme-icons-darker",
    "workbench.colorCustomizations": {},
    "materialTheme.cache.workbench.settings": {
        "themeColours": "Darker",
        "accentPrevious": "Acid Lime"
    },
    "workbench.colorTheme": "Material Theme Darker",
    "material-icon-theme.angular.iconsEnabled": true,
    "material-icon-theme.folders.icons": "specific",
    "editor.lineHeight": 24,
    "editor.fontLigatures": true,
    "editor.fontFamily": "FiraCode-Medium"
}

特別注意的是 "editor.lineHeight": 24, 和 "editor.fontFamily": "FiraCode-Medium" 。

"editor.lineHeight": 24, ：設置代碼的行間距，這里比默認的稍大些，就這一點小小的改變，讓代碼看起來清爽整潔。

"editor.fontFamily": "FiraCode-Medium" ：設置字體，這種字體會讓代碼看起來更形象生動，如下

no-shadow

紅色豎線左邊是使用了 FiraCode-Medium 字體的效果，紅色豎線右邊是沒有使用 FiraCode-Medium 字體的效果

關于 FiraCode-Medium 字體更多效果可查閱 https://github.com/tonsky/FiraCode 地址。

代碼管理

格式化

Beautify ：格式化的時候，給出格式化文本選項，如下

Beautify

Prettier ：個人比較喜歡這個，看起來代碼更清晰，如下

Prettier

當然，大家可以自定義快捷鍵，也可以按 ? - ? - P 來搜索相關命令

代碼檢查

ESLint ：檢查 js 語法規范，你可以使用不同的規范，如 airbnb 、standard 、google。
TSLint ：檢查 typescript 語法規范。
Stylelint ：檢查 CSS/SCSS/Less 語法規范。
Markdownlint ：檢查 markdown 語法規范。

自動補全

以下插件點擊鏈接可以查看gif動圖，詳細了解具體功能。

Emmet ：大家應該很熟悉這個插件了（很好用），VS Code 已經內置了，很到位。
Auto Close Tag ：自動閉合 html 等標簽（</...>）。
Auto Rename Tag ：修改 html 標簽時，自動修改閉合標簽。
Path Intellisense ：自動提示補全路徑。

代碼片段

snippets ：搭建可以自己安裝各種代碼片段（vue、react、angular等），這里就不列舉。

功能擴展

以下的功能擴展插件大部分都有gif動圖，可點擊鏈接了解詳細功能

Bracket Pair Colorizer ：讓代碼的各種括號呈現不同的顏色。
Code Runner ：可以在編輯器里直接運行代碼，查看結果。
Color Picker ：可以直接在編輯器里打開色板，選擇各種模式的顏色。
Document This ：可以給函數、類等自動的加上詳細的注釋。
Git History ：方便的查看git版本管理的詳細信息。
Live Server ：可以一鍵在本地啟動服務器。
Settings Sync ：重點介紹下這個插件，如果你有兩臺電腦（比如，家里和公司）都使用 VS Code ，可是在公司或家里對 VS Code 安裝了插件或者修改了配置，回到家或公司又要重新弄一次，這個插件就能解決問題，同步多臺電腦設置。