總結一些個人常用的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的同學了,大大增...