這些都是前端工程師用的比較多的vscode插件

2021-01-09 前端嘮嘮嗑

在眾多前端代碼編輯工具中,我最喜歡的就是微軟的vscode。首先它十分輕便,不吃硬體,運行非常順暢;其次是其各種各樣的插件使得編程效率蹭蹭地往上提,爸爸媽媽再也不用擔心我要加班了(才怪!!!不加班是不可能的)

下面推薦幾個我常用的vscode插件~

一 Auto Close Tag

Auto Close Tag——標籤自動閉合插件。安裝之後再也不用手動輸入閉合標籤,減少錯誤的同時大大提高了編程效率。

二 Auto Rename Tag

Auto Rename Tag——自動重命名插件。當我們需要修改某一標籤時,只需要修改其中的一個標籤,對應的標籤會跟著一起修改,十分方便。

三 ESLint

ESLint——格式提醒。這個插件幫助我們規範我們的代碼,提高代碼的可讀性。但是有時候會感覺規範太嚴格,所以使用體驗因人而異。

四 Path Intellisense

Path Intellisense——路徑提醒插件。當我們輸入部分路徑時,它會提示我們當前輸入路徑下的所有文件,這樣我們不用輸入所有的路徑就可以選中我們需要的文件。

五 Bracket Pair Colorizer

Bracket Pair Colorizer——括號高亮插件。對應的括號使用相同的顏色,不同的括號使用不同的顏色區分,這樣代碼的結構層次一目了然。

六 Chinese (Simplified) Language Pack for Visual Studio Code

Chinese (Simplified) Language Pack for Visual Studio Code——vscode漢化包。漢化vscode軟體,對於英語不好的人十分友好,爸爸媽媽再也不用擔心我看不懂配置了。

七 Vetur | Vue 2 Snippets

不多說,這兩個插件時vue編程必備插件。

八 HTML Snippets

HTML Snippets——html代碼補全。只用輸入部分標籤名、屬性名即可自動聯想相應的代碼,使用起來極度舒適,還要啥自行車。同樣的還有css、js等自動補全插件,這裡就不贅述了。

九 鼓勵師 (大霧)

代碼寫累了?沒關係,男神(女神)來鼓勵你(霧)

沒有你的男神(女神)?那就自己寫一個呀

好了 暫時就先分享這麼多了,後續找到更棒的插件再給你們分享~

相關焦點

  • VScode開源音樂插件-VSC Netease Music
    VSC Netease Music是國人開發的VScode開源的音樂插件。遵守MIT開源協議。
  • 為什麼2017年Web前端開發工程師薪資越來越高?
    從廣義上來講,所有用戶終端產品與視覺和交互有關的部分,都是前端工程師的專業領域。整個網際網路行業都缺前端工程師的原因?原因二:對前端,普遍存在巨大的誤解,其實前端一點也不簡單大多人都認為前端開發是一個「相對於其他模塊來說更簡單的領域」,在他們心中的前端工程師是這樣工作的:
  • 前端工程師主要做什麼?你了解Web前端開發工程師嗎-開課吧
    零基礎學Web前端前端主要是負責頁面的設計,比如我們看到的手機界面、網頁等,能看到的都離不開前端的努力,學習起來是比較簡單的,因為界面的編程可以直接看到編程的結果,有什麼問題可以及時看到並修改目前企業對Web前端開發工程師的工作要求:1、熟悉、理解並掌握公司系統的架構、技術和開發工作。2、參與公司系統的需求分析、產品討論。3、能獨立完成應用系統的開發、自測試、聯調以及上線發布。
  • 專訪|百度高級前端開發工程師@葉小釵
    今天我們來看看百度高級前端開發工程師@葉小釵的前端之旅。 2)是在什麼樣的機緣下走進前端的?小釵進入前端是比較巧合的,我大學主要用.net做開發,當時比較複雜的項目單個存儲過程都寫了1000多行,可以說我在server端的還是有一些項目經驗的。
  • 吹爆程序猿的VSCode彩虹屁插件,釘宮理惠,英雄聯盟版現已生成,你...
    如果敲代碼的時間過長,它也會提醒你,寫的累不累啊,起來休息一下吧另外,還有吃飯提醒、下班關懷等等,無微不至的關心,甚至比女友都貼心。自這款插件火了以後,網友的各種神評論也就出現了。有網友表示:尷尬的我用腳趾摳出了三室一廳!
  • 8款高效的 VS Code 插件,歡迎收藏
    今天,快快小編就來介紹8款高效的VS Code插件,總有一款適合你。1、GitLensGitLens 能夠增強 Visual Studio Code 中內置的 Git 功能。它不僅能幫助你通過 Git blame 註解直觀地看到代碼作者,而且還可以無縫瀏覽和探索 Git 存儲庫,通過強大的比較命令獲得有價值的見解等等。
  • Chrome 沒插件,香味少一半,用Chrome瀏覽器這些插件怎麼能沒有
    俗話說Chrome 沒插件,香味少一半,Chrome 最大的優勢還是其支持眾多強大好用的擴展程序,使用Chrome瀏覽器的最大魅力就是插件了,今天,小編就來一起盤點一下chrome上那些相見恨晚的擴展。
  • 年薪30-50萬前端網際網路工程師 WEB/HTML5 震撼登場
    HTML5無處不在你的生活每天都被 HTML5充斥著如果賈伯斯和谷歌微軟們都認為HTML5終將改變網際網路世界,那麼我們又有什麼理由說不呢?網際網路行業新貴—前端開發,HTML5WEB前端技術興起,前端開發的大潮已經襲來!
  • 10款非常好用的谷歌插件
    第一步先用一個谷歌瀏覽器第二步進入谷歌商店(需要先下載谷歌訪問助手)或者插件下載網(https://www.extfans.com/)1.Infinity 標籤頁這個插件自由定製 chrome 標籤頁。
  • 前端能力中臺化之路—Fusion Design 成長史
    它說展示的關於開發組件庫的世界觀和方法論在之後許多的組件庫中都能夠看到。進而進入 MVVM 時代,組件化的思想深入人心。在三大框架的加持下,組件庫遍地開花。回顧整個發展過程,有一條線索是明確的: 前端工程師在復用和透出越來越強大的能力,為業務前端工程開發提效。其實隱約有點中臺化的味道。但是現在遍地開花的各種組件庫能夠滿足多變的業務方訴求嗎?答案是否定的。
  • 編寫一個Open Live Writer的VSCode代碼插件
    起因又是一年多沒有更新過博客了,最近用Arduino做了一點有意思的東西,準備寫一篇博客。打開塵封許久的博客園,發現因為Windows Live Writer停止更新,博客園推薦的客戶端變為了Open Live Writer(基於Windows Live Writer代碼,然而GitHub上的代碼已經快一年沒更新了)。
  • 如何用本地的VSCode連接極鏈AI的GPU伺服器
    最近參加比賽可能要用雲GPU比較多,但是網頁打開notebook太麻煩了,沒法像本地編譯器一樣。於是搞了一下本地VSCode連接極鏈AI的雲主機,可以愉快地本地碼代碼,雲端跑程序。在打開文件夾的時候還需要輸入密碼,而且以後連接也需要輸入,可能比較麻煩,可以採用git的公鑰保存自動連接,但是麻煩懶得弄,感興趣的可以試試。但是注意:不建議使用vscode的terminal,因為一旦關了就真的停了,還是用網頁開notebook比較保險,不會掉線。
  • 人生苦短,我用 Visual Studio Code
    你能想到的,vs Code 都支持!與PyCharm 和 Visual Studio 等重量級編輯器環境不同的是,vs Code是基於插件化的使用方式,使得每個人可以根據自己的需要去擴展自己的編輯器,保持了自己輕量化的使用優點!可以做到秒開!
  • 前端高效開發必備的 js 庫梳理
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫之前有很多人問學好前端需要學習哪些 js 庫, 主流框架應該學 vue 還是 react ? 針對這些問題, 筆者來說說自己的看法和學習總結.
  • [洛穀日報第12期]現代編輯器食用指北-VSCode
    我們試著修改一個設置,比如給滾動添加動畫在上面的搜索框輸入scroll或者打開編輯器找到它:點擊最左面的鉛筆圖標,將參數修改為true(這時你可以看到右側會多出一行代碼)並按下Ctrl+S保存設置,我們就修改完成了!大部分設置都是這樣修改的,少部分需要輸入幾個參數。設置都附有注釋(不過部分是英文的,TAT)。
  • 這款插件你值得擁有.
    RequirementVS Code for Windows 自 1.31.0 起自帶完整的 ffmpeg 動態連結庫 (可能是 bug),無需替換;macOS 與 Linux 平臺仍需替換VS Code 使用的 Electron 版本不包含 ffmpeg,需替換自帶的 ffmpeg 動態連結庫才能正常播放 (每次更新 VS Code 都需重新替換
  • 想要編碼更輕鬆,這6個VSCode插件不要錯過
    擁有合適的工具可以讓你的開發工作變得更加輕鬆,尤其是VSCode插件。今天給大家介紹6個VSCode插件,歡迎轉發收藏。 初次用它的人可能都不太熟練,但多用幾次,熟悉了所有的代碼片段,就能快速打出ES6代碼。 2、Auto Rename Tag Auto Rename Tag擴展工具簡單好用,如果重命名一個開始標籤,它將更改相應的結束標籤,相反也成立。
  • 基於Markdown製作幻燈片,2種簡潔、高效的VSCode插件
    無論是學生、老師,還是上班族,都有使用PPT做答辯、講課、演講或報告的經歷。而PPT的製作,要面臨著模板的選擇、格式的調整、排版的效果等等與PPT內容無關的問題。如果PPT的使用場合,對其設計細節要求不多的話,為什麼不嘗試一些快速、簡潔的PPT方案呢?
  • JS插件Vs.網頁版!Jungle Scout這些功能你真的都了解嗎?
    #3 銷量市場競爭分析 每個關鍵詞都代表了一個細分市場。 其中包括大數據選品功能(選品資料庫、競品跟蹤器、潛力市場搜索器、利基市場搜索器);供應商功能(供應商資料庫、供應商跟蹤器);關鍵詞功能(關鍵詞搜索和ASIN反查、關鍵詞監控排名);新品助推器(郵件邀評、Deal促銷平臺);店鋪銷量分析(利潤分析、損益表、費用);庫存管理;JS課堂等,這些都是插件不具備的
  • 【專欄試讀】(02)初次接觸前端,我們要理解哪些名詞?| Web 前置知識
    1.2 網際網路公司基本運作模式是怎樣的1.3 其中 RD(程序開發)包括哪些崗位1.3.1 前端開發實現面向用戶操作層面的代碼搭建(可以分為 iOS 工程師、Android 工程師、Web 前端工程師、PC 工程師等)。1.3.2 後端開發後端開發:開發提供給客戶端進行數據接收和推送的伺服器運行系統(主要語言 Java、PHP……)。