當前位置:編程學習大全網 - 源碼下載 - 38、VS code必備前端插件

38、VS code必備前端插件

安裝完成後,默認顯示英文,我們可以通過安裝中文語言包插件來顯示中文,操作如下:

打開vscode,點擊插件圖標(或 + + X),在搜索框中輸入“chinese”,安裝

使用快捷鍵“ + + P”打開vscode的命令框,輸入 display ,點擊“Configure Display Language”,切換語言

如果不喜歡VS code本身的主題色,也可以更換默認主題,在命令框中輸入 color theme ,回車,會進入主題列表,通過上下鍵切換主題,還不滿足,沒關系,點擊安裝其他顏色主題,在左側會出現各式各樣的主題插件,選擇壹個安裝即可。

推薦壹款圖標插件 vscode-icons ,安裝成功後,會根據不同的文件類型添加不同的圖標樣式,看起來會更有趣。

自動閉合 HTML/XML 標簽

自動重命名 HTML/XML 標簽

解析CSS並自動添加前綴

用於著色匹配括號,讓妳的代碼分層更清晰

運行代碼片段或多種語言的代碼文件

源代碼拼寫檢查器,提示代碼中單詞拼寫錯誤

允許查看css,並從HTML文件定位到css文件,文件定義跳轉

支持.env文件語法,高亮顯示

在VS code中繪制流程圖,隨時記錄妳的idea,不要太方便

代碼格式校驗工具,配合項目中的校驗規則,實現保存時格式化代碼,開發必備,妳值得擁有!

配置文件,在setting.json中添加,可以參考壹下

突出顯示匹配的標簽

當妳引入時在左側會顯示圖片的縮略圖,方便預覽

在編輯器中展示引用包的大小,讓妳更了解妳引入的包

幫助妳更快速的添加console和刪除console,確實方便

在vscode中用於生成文件頭部註釋和函數註釋的插件,經過多版叠代後,插件:支持所有主流語言,功能強大,靈活方便,文檔齊全,食用簡單!

代碼插件,在導入語句中自動完成NPM模塊

允許妳在默認瀏覽器或應用程序中打開當前文件。

自動識別文件路徑,引用更方便

非常喜歡的壹款代碼格式化工具,在項目中也可以配置自己的規則

方便svg文件預覽

快速搜索編輯器中添加的標簽,如todo和fixme,並在資源管理器窗格中的樹視圖中顯示。單擊樹中的todo將打開文件並將光標放在包含TODO的行上。

突出顯示尾隨空格並快速刪除它們!

妳的代碼很強大,釋放它!

......

大家有什麽好用的插件,也可以推薦壹下哈~

  • 上一篇:激光切割器,電腦藍屏
  • 下一篇:C語言 遊戲 代碼
  • copyright 2024編程學習大全網