基礎知識
webstorm是鍵盤為中心的IDE。大部分的動作(導航、重構、調試等)能夠執行不使用鼠標,可以顯著提高編碼速度。如果你使用IDE,記住您喜歡的快捷鍵,您可以使用它們中的所有webstorm。
webstorm完全適合你習慣快捷通過支持可定制鍵。A鍵位是一組鍵盤與鼠標快捷鍵,調用不同的動作菜單命令、編輯操作等。webstorm帶有一組預配置的鍵。
預配置鍵映射是不可編輯的。如果您需要更改一些捷徑,把當前選定的預定的鍵映射是自動創建的:
當存儲鍵嗎?
所有用戶定義的鍵配置被存儲在單獨的文件config/keymaps在該子目錄webstorm目錄概況:
Windows和*nix系統:<User home>/webstorm。<xx>/config/keymaps
OSX:~/Library/Preferences/webstorm。<xx>/keymaps/
每個鍵映射文件僅包含當前keymap和父母。
鍵盤快捷鍵和鼠標快捷鍵配置
配置鍵盤快捷鍵和鼠標快捷方式
打開設置對話框,并單擊鍵位。
從預置的配置keymap其中,要使用的堿,并單擊副本。使用默認的名稱,或更改。
在內容窗格中,選擇所需動作。
鍵盤快捷鍵配置。為此,請遵循以下步驟:
點擊properties在工具條上,右鍵點擊或選擇動作,并選擇添加鍵盤快捷方式。輸入鍵盤快捷鍵對話框打開。
按按鍵作為快捷鍵。該按鍵會立即反映在第一行程場。任選地,選擇相鄰的復選框第二行程使用和按鍵以作為替代鍵盤快捷方式。
你按下這個鍵,預覽提示欄顯示擊鍵組合,和沖突現場顯示警告,如果某些已經被分配給按鍵的其他行為。
點擊OK用鼠標指針來創建快捷方式,并用的行動。
重要的是使用鼠標指針,因為任何鍵擊被解釋為快捷方式。
鼠標快捷鍵配置。為此,請遵循以下步驟:
點擊properties在工具條上,右鍵點擊或選擇動作,并選擇添加鼠標快捷方式在上下文菜單中,如果您需要綁定到鼠標點擊動作。鼠標快捷輸入對話框打開。
在點擊次數部分中,單擊“選擇”的單選按鈕單擊或雙擊。
將鼠標指針懸停在部分點擊墊鼠標點擊與所期望的按鈕。使用ALT,CTRL,和移位改性劑的多樣性。當你點擊時,快捷預覽快捷欄顯示該建議,沖突現場顯示警告,如果一些快捷方式一直顯示已經分配的其他動作。
點擊OK或按進入要創建快捷方式,并用的行動。
如果沖突,將出現一條警告消息。您可以選擇以下選項之一:
拆下去除所有其它綁定和維護一個新的。
離開保存所有綁定到包括一個新的。
取消返回所定義。
雖然您可以忽略沖突和綁定的快捷的幾個動作,因此建議避免與兩個相同結合快捷的行動,因為執行這樣的動作的順序沒有限定。
使用鍵位某些動作來搜索頁面的名稱或快捷方式。
搜索行動
尋找動作名稱這種類型的名稱,在搜索欄search_field為你的類型,內容的顯示動作窗格中匹配的名稱。
查找動作的快捷方式點擊,find2。在濾波器設置對話框,按下開始鍵。在內容窗格中顯示了動作與匹配快捷方式。
點擊你的鼠標下隱藏濾波器設置對話框關閉。避免使用,因為任何鍵擊被解釋為快捷方式。
- 譯者言
- 初識WebStorm
- 系統要求及安裝
- 首次啟動導入設置
- 快速入門指南
- 快捷鍵
- 第一步
- 創建和運行你的第一個項目
- 如何使用
- 一般準則
- 用戶界面指導
- 歡迎界面
- 菜單欄和工具欄
- 導航欄
- 狀態欄
- webstorm視圖模式
- WebStorm編輯器
- 添加收藏夾
- 關閉文件
- 'Lens'模式
- 多行編輯
- 草稿
- 在編輯器中打開和重新打開文件
- 保存和恢復變動
- 查看當前插入符位置
- 在編輯器中縮放
- 管理編輯器選項卡
- 配置編輯器選項卡
- 選項卡切換
- 標簽固定及取消
- 拆分編輯器窗口
- 拆分編輯欄選項卡
- 用選項卡組編輯多個文件
- 更改編輯器選項卡的放置
- 編輯器選項卡排序
- 基本編輯步驟
- 添加、刪除、移動代碼
- 剪切、復制和粘貼
- 添加/取消代碼塊注釋
- 編輯選擇的文本
- 撤銷和恢復變動
- 使用拖拽功能
- 高級編輯方法
- 代碼折疊
- 代碼高亮顯示
- 側邊欄高亮
- 代碼格式化
- 代碼縮進
- 切換
- 拼寫檢查
- 使用宏
- 宏與快捷鍵的結合
- 編輯宏
- 播放宏
- 記錄宏
- TODO
- 典型TODO模式
- 創建待辦事項
- 查看待辦事項
- 教程:TODO實例
- 教程:在TODO中使用模板
- webstorm工具窗口
- 使用工具窗口
- 制定窗口外觀
- 工具窗口快速搜索
- 視圖模式
- 管理你的項目收藏夾
- 項目配置和IDE設置
- 進入默認設置
- 進入設置
- 設置代碼樣式
- 設置顏色和字體
- 設置文件編碼類型
- 快捷鍵設置
- 設置行分隔符
- 設置菜單和工具欄
- 快速設置列表
- 設置文件顏色
- 設置第三方工具
- 復制代碼樣式
- 創建和注冊文件類型
- 導入和導出配置
- 分享你的IDE配置
- 切換方案
- 配置項目結構
- 設置根目錄
- 設置根目錄下的文件
- 從項目中排除文件
- 創建和管理項目
- 從0開始創建項目
- 從本地代碼中創建
- 從框架模板中創建項目
- 用Yeoman創建
- 打開、重新打開、關閉項目
- 打開多個項目
- 清理系統緩存
- 重命名項目
- 文件和代碼模板
- 文件模板變量
- #parse指令
- 創建、編輯文件模板
- 項目移動
- 創建目錄
- 從模板中創建文件
- 創建空文件
- 動態模板
- 操作簡單動態模板
- 動態模板縮寫
- 模板變量
- 動態模板組
- 創建和編輯live模板
- 創建和編輯模板變量
- 分析live模板
- 生成代碼
- 通過動態模板創建代碼構造
- 使用模板創建代碼構造包圍
- 展開和折疊聲明
- 標簽包裹:應用模板案例
- 和語言結構
- 使用模板后綴
- 自動完成代碼
- 基本代碼完成
- 類名稱代碼完成
- 智能型代碼完成
- 完成標點符號
- 完成報表
- 完成路徑
- 完成標簽名
- 單詞擴展
- 使用建議列表
- 創建和優化輸入
- 創建輸入
- 優化輸入
- 通過源代碼搜索
- 在文件中查找和替換
- 在項目中查找和替換
- 代碼檢查
- 訪問檢查設置
- 分析檢查結果
- 設置檢查
- 改變當前文件高亮
- 自定義配置
- 改變順序的范圍
- 禁用和啟用檢查
- 禁止檢查
- 運行檢查
- 通過名字運行檢查
- 脫機檢查
- 自動恢復
- 分析問題
- 檢查輸出結果
- 應用分析
- 建立層級
- 查看層級
- 查看源文件結構
- 意向行動
- 查看web頁內容
- 瀏覽器配置
- web內容預覽
- 查看html源代碼
- 查看參考信息
- 查看定義
- 查看注釋文檔
- 查看外部文檔
- 查看方法參數信息
- 瀏覽源代碼
- 運行與調試配置
- 運行
- 調試
- 測試
- 代碼覆蓋率
- web服務器:復制文件
- 重構源代碼
- 使用本地歷史
- webstorm與版本控制
- 插件管理
- 插件
- 啟用和禁用插件
- 安裝、更新、卸載插件
- 從磁盤安裝插件
- 企業插件庫
- 添加插件到企業資源庫
- 使用命令行工具
- 文件及文件夾比較
- 文件比較
- 文件夾比較
- 在Finder、瀏覽器與WebStorm之間復制粘貼
- 語言和框架-具體指南
- javascript
- 使用angularjs
- emmet
- CoffeeScript支持
- Dart 支持
- 標記語言和樣式表
- Node.js
- TextMate
- TypeScript 支持
- 使用NPM安裝和移除擴展包
- 使用Bower 包管理器
- 在JavaScript和TypeScript中使用ReactJS
- 教程
- 配置通用任務管理器
- 在文件中用正則表達式查找和替換文本
- 參考
- 要點
- 項目
- 根目錄
- 范圍
- 庫
- 路徑變量
- 語言支持
- 運行與調試
- 運行/調試配置
- 斷點
- 斷點類型
- 斷點圖標及狀態
- 編碼
- WebStorm中的版本控制
- 支持的版本控制系統
- 對話框
- 設置/首選項對話框
- 外觀和行為
- 編輯器
- 一般選項
- 外觀
- 自動導入
- 代碼折疊
- 代碼完成
- 顏色和字體
- 語言和框架
- javascript
- json模式
- 增加json模式對話框
- Node和npm
- 鍵盤快捷鍵及鼠標
- 高級編輯
- 獲得幫助
- 使用幫助主題
- 使用每日提示
- 使用在線資源
- 使用效率指南
- 分析你的反饋和問題報告
- 鍵盤映射參考
- 反饋頁