【高效】【IDE】VSCode 插件

Docuemnt This 加註釋文檔

選中你的函數名字,按兩次ctrl+alt+D;

Better Comments 註釋高亮

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可以快速提升你的代碼專業度。

這個插件還有很多轉換方式,你可以在寫完代碼後都點擊點擊,這樣慢慢的你代碼水平就會提高。

JavaScript Booster

Bracket Pair Colorizer 括號匹配

它就會爲我們自動標籤匹配,括號匹配。從此再也不用花時間再成對標籤或者括號上了。

Bracket Pair Colorizer

Polacode

那如何快速生成漂亮的代碼截圖,就變成了一個問題,比如我要在博客裏放置一個漂亮的代碼截圖,或者是快速分享到其它網絡平臺。這個視頻會教你使用一個VSCode插件,快速生成漂亮的代碼截圖。

Polacode

HTML相關

Chinese(Simplified)

Open in Browser

JS-CSS-HTML Formatter

Auto Rename Tag

參考資料

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章