Docuemnt This 加註釋文檔
選中你的函數名字,按兩次ctrl+alt+D;
Better Comments 註釋高亮
Live Server 實時預覽頁面
Live Server會啓動一個本地服務器,實時的獲取文件變化,並更新頁面,方便用戶測試代碼。
選擇需要瀏覽的文件,右鍵開啓服務,就可以在瀏覽器中瀏覽網頁啦
插件配置
"liveServer.settings.host": 127.0.0.1,//設置本地服務的地址
"liveServer.settings.port": 8080,//設置本地服務的端口號
"liveServer.settings.proxy": {
"enable": true,
"baseUri": "/api",
"proxyUri": "http://127.0.0.1:80/"
}
設置代理服務器的地址爲http://127.0.0.1:80/,此地址用api替代
JavaScript Booster 讓自己的代碼更專業
你有沒有懷疑過你寫的JavaScript代碼?如何讓自己的代碼更專業?VSCode中的JavaScript Booster可以快速提升你的代碼專業度。
這個插件還有很多轉換方式,你可以在寫完代碼後都點擊點擊,這樣慢慢的你代碼水平就會提高。
Bracket Pair Colorizer 括號匹配
它就會爲我們自動標籤匹配,括號匹配。從此再也不用花時間再成對標籤或者括號上了。
Polacode
那如何快速生成漂亮的代碼截圖,就變成了一個問題,比如我要在博客裏放置一個漂亮的代碼截圖,或者是快速分享到其它網絡平臺。這個視頻會教你使用一個VSCode插件,快速生成漂亮的代碼截圖。