天天看點

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

目錄

  • 目錄
  • 關于WebStorm
  • 自定義各類操作
    • 主題
    • 快捷鍵
    • 建議其他配置
      • 取消safe write
      • 內建Git
      • 內建 Eslint
      • 安裝 Editorconfig 插件
      • CodeGlance
      • TabSwitch
  • 視窗
  • 快捷連結

關于WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。

我下載下傳的是2018.2.1的。不建議用中文版本或暴力破解版本的。

自定義各類操作

主題

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結
【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

快捷鍵

我使用了vsCode的快捷鍵,部分自定義

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

建議其他配置

取消safe write

熱更新:就是動态下發代碼,它可以使開發者在不釋出新版本的情況下,修複 BUG 和釋出功能,避免長時間的稽核等待以及多次被拒造成的成本。

安全寫:使用“安全寫”(首先儲存對臨時檔案的更改)如果選中此複選框,則更改的檔案将首先儲存到臨時檔案中; 如果儲存操作成功完成,則删除原始檔案,并重命名臨時檔案。

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

了解:這兩項取消勾選,否則影響熱更新,不能及時将修改的内容反應在浏覽器上。

內建Git

git指令視圖化,解決沖突檢視版本變化友善

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

內建 Eslint

內建 Eslint 的前提是你的項目裡使用了 Eslint。

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

安裝 Editorconfig 插件

若你的項目中要使用 .editorconfig 配置檔案控制代碼風格,那麼 Editorconfig 插件必不可少。

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

CodeGlance

代碼小地圖,用過sublime,vsCode應該看到過小地圖

【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

TabSwitch

标簽欄,視窗快速切換

ctrl+tab

視窗

  • Project 記錄項目的層級結構;
  • Structure 記錄目前檔案内部的層級結構,友善快速定位到某個方法;
  • Npm 使用 npm 建構的工程,Npm 視窗會記錄 package.json 裡的腳本資訊,一般用于快速啟動項目;
  • Terminal 終端;
【WebStorm常用指南】【包含設定+快捷鍵+插件】目錄關于WebStorm自定義各類操作視窗快捷連結

詳細的入門指南 Click Here 》

快捷連結

全部React學習筆記的目錄 Click Here>>

全部Javascript學習筆記的目錄 Click Here>>

Less學習筆記 Click Here>>

安利一波前端開發推薦使用的工具 Click Here>>

github各類實戰練習源碼下載下傳 Click Here>>

如果你覺得我的東西能幫到你,無限歡迎給我的github庫點個收藏Star~0v 0~

繼續閱讀