新聞中心
聽說VS Code把前端程序員的桌面一統(tǒng)天下,它是一個同時支持 Windows、 Linux 和 macOS 等操作系統(tǒng)的免費(fèi)代碼編輯器,它的風(fēng)格清冷,主題柔和,插件豐富,迅疾如風(fēng)。不僅綜合了很多優(yōu)秀編輯器的優(yōu)勢,并且解決了很多編輯器的痛點(diǎn),它的成功主要因?yàn)橛懈玫捏w驗(yàn)和穩(wěn)定性,這些優(yōu)秀品質(zhì)也讓它大受歡迎,成為了Python開發(fā)的絕佳平臺也是很多程序員最喜愛的編程工具。以下推薦6個愛不釋手的VS Code擴(kuò)展,快來收藏吧。

成都網(wǎng)站制作、成都做網(wǎng)站的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站,而是怎么做網(wǎng)站,有沒有做好網(wǎng)站,給創(chuàng)新互聯(lián)一個展示的機(jī)會來證明自己,這并不會花費(fèi)您太多時間,或許會給您帶來新的靈感和驚喜。面向用戶友好,注重用戶體驗(yàn),一切以用戶為中心。
1.Live Server
前端在本地開發(fā)的時候時常需要開啟一個本地服務(wù)器好實(shí)時預(yù)覽。這個插件就可以實(shí)現(xiàn)靜態(tài)、動態(tài)頁面的實(shí)時預(yù)覽,保存就能看見頁面更新,不需要手動去刷新。這個擴(kuò)展的作者是個印度小哥,在擴(kuò)展市場的主頁也置頂說了他最近非常忙,在找人維護(hù)這個項(xiàng)目。但是這個包兩年前就不更新了,目前沒發(fā)現(xiàn)合適的替代品,有需要的大家我覺得可以繼續(xù)用。
2.Prettier
它可以幫助大家用簡單明了的方式格式化代碼,并且支持多種技術(shù)和編程語言??梢酝ㄟ^手動選擇文件的所有內(nèi)容,然后按Option / Ctrl + Shift + F鍵。如果有提示你選擇默認(rèn)格式化程序的話要從下拉列表中選擇更漂亮。當(dāng)你想要自動保存文件的內(nèi)容時,就需要手動進(jìn)行一些小的配置更改,方法是轉(zhuǎn)到左下角并單擊齒輪圖標(biāo),然后點(diǎn)擊設(shè)置。搜索“保存時格式化”并啟用該功能,選中此選項(xiàng)后,每次保存任何修改時,文件的內(nèi)容都會自動格式化。
3.Angular Snippets (Version 9)
extension與React代碼段類似,這個擴(kuò)展可以讓你快速生成Angular代碼段,大量節(jié)省了時間和精力!已有超過170萬次安裝,是Angular開發(fā)人員中最流行的代碼段擴(kuò)展。大多數(shù)項(xiàng)目都需要一個合適的框架來構(gòu)建代碼并縮短開發(fā)時間。雖然有一些VS Code擴(kuò)展已經(jīng)支持大多數(shù)主要框架,但仍有一些框架還沒有得到支持。此擴(kuò)展就是一個提供重要功能的好幫手。
4.ESLint
ESLint 號稱下一代的JS Linter工具,使用esprima將源代碼解析吃成 AST,然后你就可以使用任意規(guī)則來檢測 AST 是否符合預(yù)期,這也是 ESLint 高可擴(kuò)展性的原因。它可以避免低級bug,找出可能發(fā)生的語法錯誤,提示刪除多余的代碼,確保代碼遵循最佳實(shí)踐,統(tǒng)一團(tuán)隊(duì)的代碼風(fēng)格。
5.Search node_modules
它的作者是Jason Nutter,node_modules文件夾默認(rèn)是不能被VS Code內(nèi)置的搜索功能搜到的。所以這個擴(kuò)展巨有用!已經(jīng)有470k+的安裝量,它可以搜索快速導(dǎo)航和打開文件node_modules的某個包位置。展開node_modules文件夾后,只顯示關(guān)聯(lián)的包,相當(dāng)不錯。
6.Git Graph
這玩意可是Git神器,堪比Pycharm內(nèi)的Git管理器。使用這個擴(kuò)展,能夠清晰地發(fā)現(xiàn)當(dāng)前分支的commit記錄和變化,并且能夠通過按鈕的方式輕易地創(chuàng)建、切換分支、cherry pick、merge、對比分支、查看未提交的修改......還有許多可自定義的擴(kuò)展設(shè)置喔!
7.Mocha sidebar
測試是軟件開發(fā)的關(guān)鍵部分,尤其是對于處于生產(chǎn)階段的項(xiàng)目而言。這個擴(kuò)展的作者是maty,它為使用Mocha庫進(jìn)行測試提供了很大的支持??梢詭椭蠹抑苯釉诖a上運(yùn)行測試,并將錯誤顯示為修飾符。到現(xiàn)在已有68+安裝!不過有一點(diǎn)要注意就是在編寫本文時,此擴(kuò)展名還有許多未解決的問題。
名稱欄目:愛不釋手的7個VSCode擴(kuò)展,妙啊
文章出自:http://m.5511xx.com/article/dhgjeco.html


咨詢
建站咨詢
