使用VSCode開發(fā)ng2項(xiàng)目插件推薦

Angular Files?:在vsc中集成angular-cli工具,可界面華新建component、directove、module、routing、pipe等feature

Auto Import:(重要)自動(dòng)引入模塊

Auto Rename Tag?: html的開始和結(jié)束標(biāo)簽同時(shí)更新

beautify: 代碼格式化工具

Document This: 目前vscode上最好的ts注釋插件(用法ctrl+alt+d然后再Ctrl+alt+e或者d,e是全部加注釋,d是對(duì)當(dāng)前方法加注釋)

One Dark Theme : VSCode仿atom主題插件

Path Intellisense?: 路徑提醒工具,非常方便

Project Manager?:項(xiàng)目管理工具,通過配置來方便項(xiàng)目之間的切換

Settings Sync?: 通過github賬號(hào)的token設(shè)置不同機(jī)子vsc設(shè)置上的同步

TODO Parser:顯示TODO列表(必須要大寫:),通過f1輸入Parser TODO列出所有TODO注釋的代碼

TSlint?:ts語法代碼質(zhì)量檢測

vscode-fileheader?: 通過快捷鍵ctrl+alt+i在文檔開頭添加文件說明

npm :在vsc中運(yùn)行npm指令

其他插件:

Git Easy:增加了vscode中自帶的git操作,安裝后按F1調(diào)出控制臺(tái),輸入git easy [options]完成git操作,代替git bash。

debuggger for chrome?: 在Chrome瀏覽器中調(diào)試(配置過程比較復(fù)雜,還沒實(shí)際應(yīng)用)。

vscode-todo?顯示TODO list(推薦使用上面那個(gè))

angular2 typescript snippets-johnpapa?:angular2的代碼輔助工具,安裝完插件后輸入ng2comonent等字符串即可提示輸入Component(注意ng2和component之間是沒有-的)

TypeScript Toolbox :typescript必備插件

spelling and grammar checker:語法檢測

Start any shell : 在項(xiàng)目目錄下打開cmd(可選)

background:VSCode美化插件,修改界面背景,詳情見插件說明。

VScode-icons: 美化VSCode的界面,在文件名前面顯示小圖標(biāo),安裝后每次打開自動(dòng)啟用。

參照:https://www.zhihu.com/question/40640654?sort=created

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容