2017-06-12 96 views
5

有沒有辦法在Visual Studio 2017中改進JSX編輯?改進Visual Studio 2017中的JSX編輯

這裏是我的主要問題:

  1. VS 2017年不會自動關閉HTML標籤我在JSX文件打開。例如,我開了一個新的<div>,而VS 2017什麼都不做。我希望它爲我自動關閉它。
  2. 隨着您在JSX內部創建越來越多的HTML元素,它會混淆哪個標籤正在關閉什麼 - 尤其是<div>標籤的情況。就像使用花括號一樣,單擊標籤並查看其打開/關閉標籤會很好。當我點擊我的JSX文件中的<div>時,VS 2017會突出顯示所有其他DIV。這沒有多大用處。我寧願看到相應的打開/關閉標記 - 請參閱下面:enter image description here

有關如何提高我的JSX編輯體驗的任何建議?

P.S.請不要建議我切換到VS Code或其他編輯器。我是一個完整的堆棧開發人員,當我編寫代碼或調試代碼時,我會在後端和前端之間來回切換。編輯之間的切換對我來說是沒有意義的。我喜歡VS 2017給我的力量,我只需要改善一下體驗。

此外,我已經安裝了Web Essentials 2017,但並未真正解決這些問題。

+0

我很好奇你是如何管理vs2017甚至理解jsx的。我的vs2017安裝甚至不理解jsx文件中的html標籤。我的所有文件都是非常非常長的紅色下劃線 –

+0

我的VS2017明確瞭解JSX。它還提供JSX作爲Add - > New Item下的選項。我認爲它與你安裝的組件有關。就我而言,我選擇了Web開發和.NET Core。不知道這是否是訣竅,但如果您尚未安裝它們,則值得一試。 – Sam

回答

0

在Visual Studio代碼中,我使用添加外部插件自動關閉標記。 VS2017說它支持非官方的插件,所以我的理解是它也會支持這個。由於我沒有2017年,我無法測試它。