VS Code之常用外掛程式及常用技巧

2021-09-24 07:51:52 字數 1313 閱讀 7894

總結一些個人常用的vs code的常用外掛程式及常用技巧,讓你不再為選擇和使用編輯器而浪費時間

vs-code提供了工作區的功能,為你的專案建立工作區,然後在工作區檔案setting物件內新增如下設定

注意:以下配置是基於接下來介紹的外掛程式設定的,如果沒有安裝外掛程式是不會有任何效果的哦

,

"html",

"vue"

],//自動儲存資訊

// by default, create file username

"fileheader.author": "you name",

// by default, update file username.

"fileheader.lastmodifiedby": "you name",

// by default, common template. do not modify it!!!!!

"fileheader.tpl": "/*\r\n * @author: \n * @date: \n * @last modified by: \n * @last modified time: \n */\n",

// vue元件中html**格式化樣式

"vetur.format.defaultformatteroptions":

}}複製**

auto close tag :自動閉合html等標籤()auto rename tag :修改 html 標籤時,自動修改閉合標籤。

path intellisense :自動提示補全路徑。

emmet :大家應該很熟悉這個外掛程式了(很好用),vs code 已經內建了,很到位。

eslint :檢查 js 語法規範,你可以使用不同的規範,如 airbnb 、standard 、google。

tslint :檢查 typescript 語法規範。

stylelint :檢查 css/scss/less 語法規範。

markdownlint :檢查 markdown 語法規範。

prettier :讓你的**看起來更整潔,需要配置,稍後會說到配置

document this :可以給函式、類等自動的加上詳細的注釋。

vscode-fileheader : 為文件自己生成作者資訊,及每次修改後記錄最後修改時間

常用的快捷鍵就不一一列出來啦,列一些有用但你不一定知道的

vscode常用外掛程式及特效外掛程式

1.外掛程式配置 2.power mode特效外掛程式 powermode.enabled true 啟動外掛程式 powermode.enableshake false 桌面是否抖動 powermode.presets fireworks 特效樣式 3.右鍵開啟瀏覽器外掛程式 open in br...

VSCode常用外掛程式之Live Server使用

啟動 停止伺服器的快捷方式 注意 如果工作空間中沒有檔案.html或.htm檔案,則必須按照方法4和5來啟動伺服器。開啟乙個專案,然後go live從狀態列中單擊以開啟 關閉伺服器。上線控制預覽 右鍵單擊html資源管理器視窗中的檔案,然後單擊open with live server。資源管理器視...

vscode常用外掛程式

首先當然要推薦這個必備外掛程式python了,提供了 分析,高亮,規範化等很多基本功能,裝好這個就可以開始愉快的寫python了。中文字型顯示 顏色高亮一般只會幫你區分不同的變數,這款外掛程式給不同的括號換上了不同的顏色,括號的多的時候非常實用。這個外掛程式就推薦給用anaconda的同學了,大大增...