如果讓我推薦一個前端 IDE 編輯器,那么我肯定推薦 vscode 這個編輯器,為什么呢? 因為 vscode 不僅簡單、上手快而且美觀,周邊插件豐富關鍵。
這是編輯器官方網站:https://code.visualstudio.com/ 關鍵它是免費的 very nice
推薦一些不僅方便而且還能提高開發效率的vscode插件,而且還使你的編輯器更加的智能現代化,非常好用。
不定期更新推薦插件列表:
- 可以讓你運行各種語言代碼
2.非常漂亮的主題
3.實時的監聽你的scss文件,並轉成成css文件,配合下面的 live server,簡直不能再好用不過了
- 可以為你的靜態頁面如html文件,添加實時重新加載功能,一遍修改代碼,無需手動刷新,自動響應修改過的代碼,非常方便
5.非常好看的一款海洋主題,配色清晰亮麗,我是在 react 官方文檔看到的,react 推薦這個主題進行開發react,因為它能通過他的顏色方便的找到對應代碼,官方是這么說的,體驗了一下,的確是非常的符合react代碼。
6.通過快捷鍵,快速打開你的 html 文檔
7.用於代碼格式化,讓你的代碼結構清晰
8.格式化你的 SCSS 文件,使你的 scss 代碼格式更加整齊。
9.官方網站推薦的一款插件,並且vscode也是vue官方推薦用來開發 Vue的,它可以使你的Vue單文件代碼高亮、還擁有一些方便的片段,等等,自已看插件介紹吧。
10.如果你是react開發者並且有使用styled-components的話就裝上, 為styled-component提供代碼高亮,智能提示等
11.Fresh colors on a dark, cold slate. An almost-material theme for Visual Studio Code.
12.A darker variation of One Dark Pro theme for Visual Studio Code, with Monokai code coloring.