目錄
- 目錄
- 關于WebStorm
- 自定義各類操作
- 主題
- 快捷鍵
- 建議其他配置
- 取消safe write
- 內建Git
- 內建 Eslint
- 安裝 Editorconfig 插件
- CodeGlance
- TabSwitch
- 視窗
- 快捷連結
關于WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。
我下載下傳的是2018.2.1的。不建議用中文版本或暴力破解版本的。
自定義各類操作
主題
快捷鍵
我使用了vsCode的快捷鍵,部分自定義
建議其他配置
取消safe write
熱更新:就是動态下發代碼,它可以使開發者在不釋出新版本的情況下,修複 BUG 和釋出功能,避免長時間的稽核等待以及多次被拒造成的成本。
安全寫:使用“安全寫”(首先儲存對臨時檔案的更改)如果選中此複選框,則更改的檔案将首先儲存到臨時檔案中; 如果儲存操作成功完成,則删除原始檔案,并重命名臨時檔案。
了解:這兩項取消勾選,否則影響熱更新,不能及時将修改的内容反應在浏覽器上。
內建Git
git指令視圖化,解決沖突檢視版本變化友善
內建 Eslint
內建 Eslint 的前提是你的項目裡使用了 Eslint。
。
安裝 Editorconfig 插件
若你的項目中要使用 .editorconfig 配置檔案控制代碼風格,那麼 Editorconfig 插件必不可少。
CodeGlance
代碼小地圖,用過sublime,vsCode應該看到過小地圖
TabSwitch
标簽欄,視窗快速切換
ctrl+tab
視窗
- Project 記錄項目的層級結構;
- Structure 記錄目前檔案内部的層級結構,友善快速定位到某個方法;
- Npm 使用 npm 建構的工程,Npm 視窗會記錄 package.json 裡的腳本資訊,一般用于快速啟動項目;
- Terminal 終端;
詳細的入門指南 Click Here 》
快捷連結
全部React學習筆記的目錄 Click Here>>
全部Javascript學習筆記的目錄 Click Here>>
Less學習筆記 Click Here>>
安利一波前端開發推薦使用的工具 Click Here>>
github各類實戰練習源碼下載下傳 Click Here>>
如果你覺得我的東西能幫到你,無限歡迎給我的github庫點個收藏Star~0v 0~