自用VS Code插件推薦(適用vue及原生js開發者)


JavaScript(ES6) code snippets
ES6代碼片段

 

any-rule

正則代碼片段

1、安裝完畢后按F1(或者ctrl+shift+p).
2、輸入"zz"可以看到正則列表.
3、或者輸入關鍵詞, 比如"手機".

 

Vue VSCode Snippets

vue2.x代碼片段

 

 Vue 2 Snippets

Vue2.x代碼片段

 

 Axios Snippets

挺好用的axios代碼片段

 

vetur

vue代碼高亮

Node exec
使用node執行當前文件或者選中的代碼

Quokka.js
Quokka.js 是一個用於 JavaScript 和 TypeScript 的實時運行代碼平台,它會實時運行你輸入后的代碼,並在編輯器中顯示各種執行結果

括號配對着色(Bracket Pair Colorizer) 和 彩虹縮進(Indent Rainbow)

 

Import Cost

該擴展允許您查看導入模塊的大小,它對 Webpack 中的 bundlers 有很大幫助,你可以查看是導入整個庫還是只導入特定的實用程序。

 

GitLens

增強了 Visual Studio Code 中內置的 Git 功能,它包含了許多強大的功能,例如通過跟蹤代碼顯示的代碼作者,提交搜索,歷史記錄和GitLens資源管理器

 

Git Emoji Commit

git提交代碼時加入 emoji 表情

 

Git History

好看的用於查看git history的圖形界面

 

 (無視錯別字)

Project Manager
項目管理器

 

 Live Server

一個具有靜態和動態頁面的實時重新加載功能的本地開發服務器。

Prettier - Code formatter
代碼格式化拓展

Path Intellisense
自動填充文件路徑

polacode
代碼截圖
使用方式:F1或者CTRL+shift+p 輸入polacode 選擇代碼

 

One Dark Pro

我最喜歡的vscode主題

 

vscode-icons

好看的vscode圖標

 

 px2rem

自動將px轉換為rem

————————————————
版權聲明:本文為CSDN博主「沒心沒肺可苦可樂」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_17492249/java/article/details/102637198


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM