vscode前端開發 - 常用插件

2021-03-02 禎民講前端
vscode前端開發 - 常用插件

不多比比,對著我的裝就完事了,絕對好用,有哪個前端開發能拒絕vscode呢

Auto Close Tag: 自動閉合HTML/XML標籤

Auto Rename Tag: 修改開始標籤會自動同步閉合標籤一起變化

Beautify: 美化代碼

change-case: 變量輸入提示

Chinese (Simplified) Language Pack for Visual Studio Code: vscode中文包,這個不裝也可以,說實話的確是英文看的舒服

Color Info: 可以提供css顏色信息,對應的顏色可以對應查看

Community Material Theme: 主題,看個人哪個用的順眼用哪個

CSS Peak: css id和類的提示

Git History: 可以看git日誌,和文件歷史,方便合併代碼等相關git操作

GitLens — Git supercharged: 滑鼠點一下代碼可以看到這條代碼的作者和相關信息,方便多人合作不理解代碼的時候可以快速找對人問

HTML Boilerplate: 方便初始化h5文件

Icon Fonts: Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons 等流行圖標庫的代碼自動提示補全

Language Support for Java™ by Red Hat: 對java代碼的支持以及自動補全

Leetcode:不解釋裝就完事了

Live Server: 啟動本地伺服器,跑krpano項目會用的上

Material Icon Theme: 圖標主題

Material Theme: 裝就完事

Material Theme Icons: 裝

minapp: 微信小程序智能補全

Minify: 縮小vscode

open in browser: 打開當前文件在默認瀏覽器

open-in-browser: 瀏覽HTML文件在指定文件夾

Prettier - Code formatter: 代碼格式化美化

Quokka.js: 兼容typescript代碼

Regex Previewer: 可以調試你寫的正則表達式,調試超級好用,都不用額外下別的ide來調試正則了

SVG Viewer: 查看SVG代碼

themes: 主題,不記得啥時候裝的了,裝就完事

TODO Highlight: 代碼的高亮處理

Vetur: Vue開發工具

vscode wxml: 微信wxml文件格式的支持

vscode-faker: 全局搜索插件,可以快速找到某個文件,cmd + shift + P, mac用command替代cmd

vscode-swan: 百度智能小程序支持依賴

vue: Vue.js的高亮處理

Vue VSCode Snippets: vue的快速補全插件

wechat-snippet: 微信小程序代碼輔助,代碼片段自動完成

wxapp-helper: 微信小程序開發助手

wxml: 微信小程序wxml格式化以及高亮組件

WML Formatter: XML文件格式化

小程序助手: 可以幫應用程式項目轉換成其他類型

HTML CSS Support: css智能提示

相關焦點

  • VSCode 前端開發插件精選
    各位同學好,我是一名有6年工作經驗的 Web 前端工程師。
  • 【VSCODE 插件】為你的團隊提供常用代碼片段
    前言VS Code 是前端開發者最佳的開發工具,你在開發中是否疲倦了從一個文件拷貝來新建一個文件呢?或者在你的團隊內部是否有一些內部組件庫,比如 Ant Design、 React hooks 等組件庫,團隊內部伴隨開發的也一直打開組件相關文檔?其實我們可以開發一些常用的代碼片段(Snippets)供團隊內部使用。當輸入前綴的時候就會觸發智能提示。
  • 初探vscode插件開發
    趁著元旦假期最後一天,初次嘗試了一下vscode插件開發,寫了一個前端工具箱作為日常方便使用,順帶總結記錄一下在vscode插件裡面搜索:前端工具箱。或打開該網址安裝即可 https://marketplace.visualstudio.com/items?itemName=poetries.fe-tools搭建開發環境我們先準備開發環境。
  • 前端 40+ 精選 VSCode 插件,總有幾個你未擁有!
    前言VSCode是我們前端開發的武器,本文40+精選插件,讓其更加鋒利,無堅不摧!!Live Server[19] 靜態伺服器為靜態和動態頁面啟動具有實時重載特性的本地開發伺服器。這也是我平時最喜歡用的插件之一, 右鍵一鍵啟動,還支持熱等,爽字了得。
  • VSCode前端必備插件,有可能你裝了卻不知道如何使用?
    在前端開發中,有一個非常好用的工具,Visual Studio Code,簡稱VS code。
  • VSCode 必裝的 10 個高效開發插件
    本文介紹了目前前端開發最受歡迎的開發工具 VSCode 必裝的 10 個開發插件,用於大大提高軟體開發的效率。
  • 【利器篇】前端40+精選VSCode插件,總有幾個你未擁有!
    VSCode是我們前端開發的武器,本文40+精選插件,讓其更加鋒利,無堅不摧!!如下的演示,你首先的配置好launch.json Live Server[15] 靜態伺服器為靜態和動態頁面啟動具有實時重載特性的本地開發伺服器。
  • 開發常用插件分享
    一鍵生成文檔,開發的小夥伴必裝插件。emmet開發插件。前端開發神器,不用多解釋了吧?git輔助插件。聽說是git的神器,但是沒怎麼用過,git我都是用source tree的。HTMLBeautify輔助插件。
  • 超級詳細的從入門編寫 VSCode 插件實戰分享
    一. vscode我們的戰友vscode本身都是用瀏覽器實現的, 使用的技術為Electron, 可以說vscode本身對我們前端工程師很友好, 在vscode上有很多優秀的插件供開發者使用, 那你有沒有想過開發一款適合自己團隊使用的插件?
  • 前端-選擇開發工具
    開發工具Web前端開發,目前兩款主流工具:Webstorm是一款針對前端的集成開發工具(IDE),研發公司是jetbrains,它提供社區版(免費)和商業版(付費),對於入門開發,社區版基本夠用。優點是Webstorm環境集成比較完善,功能使用比較容易上手。
  • 快速打造 vscode 插件
    前言本文為vscode插件——code snippets開發的踩坑筆記,旨在提供一個快捷有效的方式打造一款自己的vscode插件。上手不難,但是就是坑比較多,為了避免更多人踩坑,於是寫文避坑。本文針對新手,樓主也是花了半天時間上手去踩坑的。
  • 24款神級插件,讓你的 vscode更牛逼
    之前給小夥伴安利過vscode,很有就有小夥伴反饋說vscode雖然還挺好用,但是插件太多了,不知道要安裝哪些。亂裝一通不但效果不好,而且還會導致每次打開vscode都要吃掉不少內存,還會非常得慢。所以今天就和大家安利幾款老梁用得比較多的vscode插件。
  • 24 款神級插件,讓你的 vscode 更牛逼!
    大家好,我是小編火寶~之前的文章經常會提到 vscode,有小夥伴反饋說 vscode 雖然挺好用,但是插件太多了,不知道要安裝哪些。亂裝一通不但效果不好,甚至還會導致每次打開vscode都要吃掉不少內存,非常得慢。
  • 【實戰入門】你不知道的 VSCode 插件開發教程
    原本連結:https://hellogithub2014.github.io/2019/06/09/vscode-plugin-development/之前一直以為開發VS code插件是一件很難的事情,後來工作上需要搞一個效率小工具,就試著找了些資料來入門,發現其實就入門和開發一些簡單功能的插件來說難度還是很低的。
  • VSCode插件大全|VSCode高級玩家之第二篇
    上一篇文章《VSCode常用快捷鍵大全》,我們了解到了VSCode中的常用快捷鍵。學會了快捷鍵可以讓我們更高效和迅速的編寫代碼。但是沒有IDE中的一些輔助功能,還是美中不足。所以這篇文章會給大家介紹VSCode中最常用的插件,讓我們的編輯器加上一雙翅膀,讓我們在編寫代碼的過程中如虎添翼的感覺。🌟所有插件,只要搜索插件名就能找到哦!
  • 能讓你開發效率翻倍的15款VSCode 插件/擴展配置!
    eslint-run-cliESLint 配置與ESLint 的 VSCode 擴展[6] 結合使用可以自動幫助我們找出有問題的編碼模式或不符合規則的代碼有關 ESLint 的詳細討論可以查看這篇文章[7]ESLint 如何配置 可以參考這篇文章-企業級前端開發規範如何搭建
  • Vscode常用的快捷鍵
    #vs code 的常用快捷鍵- 單行注釋:[ctrl+k,ctrl+c] 或 ctrl+/
  • vscode中常用的內置插件
    漢化vscode輸入chinese
  • 33 個提高前端工作效率的 VSCode 實用插件
    不不不,今天我們來聊聊vscode中那些提高工作效率的實用插件吧。咱們也不能一天天光摸魚,還是得幹點正事。特此,我整理了一些好用的vscode插件,如果覺得不錯,歡迎一鍵三連,你們的點讚,就是我持續寫文最大的動力🙈🙈🙈本文從基礎必備、代碼規範、開發神器三個方面來推薦,方方面面都有涉及
  • sublime和vscode比較
    1、sublime和vscode比較sublime優點主流前端開發編輯器體積小,運行快,啟動快文本功能強大支持編譯,且可以在控制臺看到輸出可安裝大量插件,來滿足定製化需求(ctrl+shift+p,ip,搜索插件安裝)輕量級,使用小項目sublime缺點:收費閉源