webstorm 配置項文檔 + 使用文檔

webstorm 配置項文檔 + 使用文檔

時間: 2020-10-13 webstorm2020.2.3 版本

經過 ctrl+F 搜索你想了解的 webstorm 配置web

有些效果按 Apply 就能夠看出效果, 而有些效果則須要按 OK 才行。canvas

Appearance Behavior 外觀行爲

Accessibility 無障礙

沒使用過,不做示意
  • Support screen readers 支持屏幕閱讀器( 須要重啓 )
  • Use contrast scrollbars 使用對比滾動條
  • Adjust colors for red-green vision deficiency 調整紅綠視力不足的顏色

UI Options UI 選項

  • Show tree indent guides 顯示樹縮進參考線

    image

  • Smooth scrolling 平滑滾動app

    開啓時使用鼠標滾輪滾動更加順暢天然,關閉時滾動很是僵硬,建議開啓。
  • Use smaller indents in trees 在樹上使用較小的縮進webstorm

    在樹上(例如左側導航視圖)節點的縮進變小。
  • Drag-and-drop with Alt pressed only 僅在按住 Alt 的狀況下拖放編輯器

    一樣是針對樹結構的。webstorm 能夠經過拖動來移動文件夾和文件,若開啓此選項,則必須按住 Alt 才能開啓拖放操做。
  • Enable mnemonics in menu 在菜單中啓用助記符

    image

    若開啓則會在如上圖中,有些單詞被劃上下劃線。在快捷鍵不衝突的前提下,按住alt+被劃線的單詞能夠快速打開此選項。ide

    例如, 按住 alt+usvn

    image

  • Always show full path in window header 始終在窗口標題中顯示完整路徑

    不開啓時工具

    image

    啓時測試

    image

  • Enable mnemonics in controls 在控件中啓用助記符

    功能和菜單啓用助記符一致字體

  • Display icons in menu items 在菜單項中顯示圖標

    啓用後

    image

Antialiasing 抗鋸齒

第一個選項指的是整個 IDE 界面字體

第二個選項指的是整個編輯器字體

選項以下:

  • Subpixel 亞像素
  • Greyscale 灰度
  • No antialiasing 無抗鋸齒

一個個試試,選擇合適的就行,通常來講,就選擇默認的 Subpixel 更好

Presentation Mode 演示模式

以下進入演示模式

image

Font Siez 調節演示模式中的字體大小

Menus and Toolbars 菜單與工具欄

主要是調節菜單和工具欄中的位置,圖標。屬於外觀調節部分。

System Settings 系統設置

  • Confirm before exiting the IDE 退出 IDE 前確認
    image
  • When closing a tool window with a running process 當關閉一個正在運行的進程的工具窗口時

    有以下選項: Terminate process 終止進程、Disconnect 斷開、ask 詢問

Project 項目

  • Reopen projects on startup 啓動時從新打開項目
  • Open project 打開項目在: New Window 新窗口、Current Window 當前窗口、Ask 詢問
  • Default project directory 默認項目文件夾(目錄是在 OpeProject 中預選的)

AutoSave 自動保存

  • Save files if the IDE is idle for [] seconds IDE 空閒多少秒就會保存文件
  • Save files when switching to a different application 切換到其餘應用程序時保存文件
  • Back up files before saving 保存前備份文件
  • Synchronize external changes when switching to the IDE window or opening an editor tab 切換到 IDE 窗口或打開編輯器選項卡時同步外部更改

Tip: 沒法徹底禁用自動保存

Scope 域、範圍

Scope 其實就是新建一些自定義的範圍、域

如何使用?

image

如上圖,新建了一個名爲測試的域的 Scope。

image

如今你能夠在搜索中使用到這個測試的域 Scope

Notifications 通知

我認爲沒有了解的必要

Quick Lists 快速列表

一個自定義快速操做的列表。

如何使用?

我把最經常使用的操做組成了一個 Quick List, 如圖所示進行新建

image

複製 Quick List 的名稱, 這裏是TestQuickList, 如今給它進行快捷鍵綁定
image

如今我只要按下 ctrl+shift+逗號, 就會出現以下圖的界面:

image

(由於 commit、update 等操做無效,就沒展現在此 list 中, 由於寫文檔時沒有安裝 svn...)

Path Variables 路徑變量

給路徑給個變量名, 注意此變量的適用範圍是在 IDE 文件操做中。

演示:

添加路徑變量

image

在以下位置,寫入變量名test

image

建立項目,進行測試

image

能夠看到,默認項目位置已經變成咱們設置的位置了。能夠繼續去 Path Variables 更改文件夾地址,再去新建項目試試。

image

Keymap 鍵位設置

能夠設置鍵位。

Editor 編輯器

General 常規

Mouse Control 鼠標控制

  • Change font size with Ctrl + Mouse Wheel 使用 Ctrl+鼠標滾輪更改字體大小
  • Move code fragments with drag-and-drop 經過拖放移動代碼片斷

    選中一片代碼,能夠經過拖動來改變位置,禁用則沒有此效果

Soft Wraps 自動換行

  • Soft-wrap these files 在這些文件中使用自動換行
  • Use the original line's indent for wrapped fragments 將原始行的縮進用於自動換行

    如何理解?請看下圖,第一個是開啓改選項的結果,第二個是關閉選項的結果

    image
    (圖一)
    image
    (圖二)

  • Only show soft-wrap indicators for the current line 僅在當前行使用自動換行

Virtual Space 虛擬空間

  • Allow caret placement 容許插入光標符號

    • After the end of line 行尾
    • Inside tabs 標籤內部
  • Show virtual space at the bottom of the file 在文件底部顯示虛擬空間

何謂虛擬空間(Virtual Space)? 注意觀察下圖光標位置
image

光標所在位置就是虛擬位置,由於光標附近根本沒有空格,關閉虛擬空間後

image~~~~

Caret Movement 光標符號運動

此選項事關光標移動邏輯,建議不要改動。

Scrolling 滾動

  • Enable smooth scrolling 啓用平滑滾動
  • Caret behavior 光標行爲

    • Keep the caret in place , scroll editor canvas 保留光標,滾動編輯器畫布
    • Move caret , minimize editor scrolling 移動光標,最小化編輯器滾動

TODO: 暫時沒了解到這到底有什麼區別, 先選用默認

Limits 限制

  • Recent files limit 記錄最近文件數量限制
  • Recent locations limit 最近位置的限制(影響 ctrl+z, ctrl+y 可以使用次數)

Rich-text Copy 富文本 Copy

  • Copy ( Ctrl + C ) as rich text 按 ctrl+c 時做爲富文本複製
  • Color scheme for copied fragment 複製片斷的配色方案

Save Files 保存文件


後續更新 工做量有點大...~~~~
相關文章
相關標籤/搜索