提升效率的VScode插件


有效的利用VScode插件能更方便咱們的工做,提升咱們的工做的效率npm


vscode-icons

讓你的左邊欄的文件顯示相應的icon 圖表
圖片描述編程

TODO Parser

代辦事項,會在左下角顯示一個按鈕,點擊顯示全部的代辦事項
圖片描述json

open in browser

右鍵選中文件,在瀏覽器中打開文件
圖片描述小程序

Git History

查看Git提交的歷史,對比提交文件的差別。按 F1
圖片描述微信小程序

Document This

自動生成JSDoc註釋文檔在JS或者TS文件中
圖片描述瀏覽器

Prettier

格式化JS,TS,CSS文件微信

Docker

很方便的部署構建Docker應用spa

Bookmarks

添加書籤,很方便跳轉過去。能夠對書籤進行管理
圖片描述插件

AutoFileName

引用的時候自動補全文件的名稱code

Path Intellisense

自動感應引入文件的路徑

Import Cost

顯示引入包的大小
圖片描述

vscode-wechat

微信小程序的插件,能夠預覽小程序

Python

Python語言的插件

Go

Go語言的插件

npm

支持執行定義在package.json文件中的腳本,驗證定義的依賴模塊
圖片描述

npm Intellnsense

能自動導入已經安裝的npm
圖片描述
選中以後出現已經安裝的包
圖片描述

Code Runner

選中代碼去執行
圖片描述

還能夠選中規定的的語言去執行
圖片描述
選中以後出現語言的列表
圖片描述

Live Server

啓動一個開發者本地靜態資源的服務
圖片描述
點擊啓動以後:
圖片描述

圖片描述

掃描關注,查看更多文章,提升編程能力

相關文章
相關標籤/搜索