前端領域有哪些優秀的可視化開發工具？

早在10多年前就用 Visual Studio 可視化開發 Web了，為什麼前端領域現在還沒有比較優秀的可視化編程 IDE？

vue的有一個Gui可視化

Webstorm你值得擁有，不管vscode開始很強的，看個人喜好

brick design https://github.com/brick-design/brick-design

你說的GUI拖拽那種開發，在一些已經有豐富控制項的平臺是可行的，比如windows上有各種原生控制項。但是web上，所有控制項幾乎都是從0開發的，這時就必須使用編輯器而非拖拽能完成。既然都已經用了編輯器了，那最後控制項佈局也直接用編輯器就很方便了，對於有經驗的程序員來說，非要改成用GUI拖拽反而降低效率

Webstorm我用了很久，可以說從開始做前端就一直是Webstorm，中間因為它耗內存的問題，用過一段時間的vscode（不超過一週），然後就是發現還是webstorm好用。

Webstorm對於我來說，它好用之處在於，在我日常開發中，所需要的插件一應俱全，快捷鍵多到飛起。

下面給大家整理下常用的快捷鍵

ctrl+R文件內代碼替換

ctrl+shift+R指定目錄內代碼批量替換

ctrl+shift+F指定目錄內代碼批量查找

ctrl+F文件內代碼查找

ctrl+alt+S打開配置窗口

Ctrl+alt+U 代碼格式化（自定義，因為和別的快捷鍵衝突了）

Ctrl+D 複製當前行

Ctrl+shift+J 拼接下行內容到當前行

Alt+shift+滑鼠拖動豎向選取內容（這個真的很好用，而且我在vscode裡面沒有找到，急得撓頭）