基礎知識
你可以折疊(fold)減少代碼片段的單一的可見線。以這種方式,您可以隱藏細節,在這一刻,似乎不重要。當有必要時,所述代碼片段能夠被折疊而發生膨脹(展開)。
折疊代碼片斷時,通常地,橢圓(以陰影示出,foldedFragment)。
代碼折疊裝置
您可以折疊和展開的代碼片段:
代碼折疊(toggle)foldingMinusStart,foldingMinusEnd或foldingPlus)的切換顯示在編輯器左側的相應折疊區域。如果區域被展開,foldingMinusStart指示開始的區域foldingMinusEnd位于其末端。用于折疊區域,該切換被表示為foldingPlus。
如果你拿著ALT鍵并單擊foldingMinusStart,foldingMinusEnd或foldingPlus該區域被折疊,或遞歸地擴展,即連同其所有所屬地。
命令的折疊鍵盤快捷鍵和關聯菜單。在折疊菜單可以訪問主菜單|代碼折疊)、或者作為上下文菜單中的編輯。在右側顯示的快捷方式的菜單。參見命令的快捷鍵和關聯菜單折疊。
折疊片段:點擊foldedFragment擴大的相應片段。也參見,觀看折疊代碼片斷。
折疊預定義和自定義區域
您可以折疊和展開:
代碼折疊的作品;if/while/else/for/try/except/finally/with在殼體的至少兩個。
預定區域對應于這種元素作為進口申報、組織方法、文檔注釋等。所述預定義區域大致對應于在列默認的崩潰論編輯||通用代碼折疊在該頁面設置/首選項對話框。
用于在預定義區域,該可切換折疊,而不需要執行任何附加動作。
任何選擇的代碼片段。自定義區域折疊的一個選擇是創建和去除選擇區域/去除褶皺(命令CTRL+周期)。
包圍的區域對應的標記(例如注釋折疊。//<editor-fold desc="Description">...//</editor-fold>)。使用代碼注釋折疊。
命令的快捷鍵和關聯菜單折疊
在折疊菜單可以訪問主菜單|代碼折疊)、或者作為上下文菜單中的編輯。
命令 快捷方式 描述
擴大 Ctrl+數字鍵+ 擴大現有的折疊片段
崩潰 ctrl+數字鍵- 折疊當前折疊區域
遞歸擴展 Ctrl+Alt+數字鍵盤加號 擴大現有的折疊片段和所有從屬的折疊區域折疊在該片斷
遞歸地崩潰 Ctrl+Alt+數字鍵盤- 電流崩塌的折疊區域和折疊區域內的從屬,
展開所有 Ctrl+Shift+數字鍵+ 展開全部折疊片段內選擇,或者,如果沒有選擇范圍,擴展到所有塌陷在當前文件
折疊全部 Ctrl+Shift+數字鍵- 折疊所有的折疊區域內選擇,或者,如果沒有選定,折疊所有的折疊區域中的當前文件
展開到級別|1、2、3、4或5 *Ctrl+數字鍵1
*Ctrl+數字鍵2
*Ctrl+數字鍵,3
*Ctrl+數字鍵、4
*Ctrl+數字鍵5 擴展的當前片段的所有片段和嵌套至規定液位
全部展開|為電平1、2、3、4或5 Ctrl+Shift+數字鍵、*1
Ctrl+Shift+數字鍵*2
Ctrl+Shift+數字鍵、*3
Ctrl+Shift+數字鍵、*4
Ctrl+Shift+數字鍵、*5 展開全部折疊在該片段文件到指定嵌套級別
Doc注釋展開 擴展所有當前文件中的文檔注釋
Doc注釋崩潰 折疊所有當前文件中的文檔注釋
選擇區域/去除褶皺 CTRL+周期 折疊所選片段以及創建一個定制的區域折疊,使其“折疊”/擴大當前片段并移除自定義的相應折疊區域的片段“展開”
指定偏好代碼折疊
您可以指定:
代碼折疊功能,切換是否應被顯示。
該折疊區域被折疊。
在相應的設置設置(對話框Ctrl+Alt+S)編輯||通用代碼折疊頁面。
有關更多信息,請參見代碼折疊頁。
觀看折疊代碼片斷
看到內容物的折疊片段,點的省略號foldedFragment指示片段。
ws_foldingPopup
在開始折疊區域
看到一個折疊區域,如果它當前不可見的點切換到折疊的區域。
ws_view_invisible_code
使用代碼注釋折疊
支撐折疊評論
圍繞折疊片段與評論
導航至折疊區域
支撐折疊評論
您可以創建自定義代碼片段周圍的折疊區域的以下評論:
NetBeans風格:
//<編輯倍 DESC="Description">
...
//</Editor>倍
VisualStudio風格:
//region Description
...
//endregion
一旦選擇了樣式的文件,不要用其他方式在該文件中。
周圍的評論片段的折疊
選擇的代碼片段。
選擇用代碼|或按Ctrl+Alt+T。
選擇折疊的評論。
ws_customFolding1
指定片段的描述。
ws_customFolding2
現在如果你崩潰的片段,該描述被顯示在指定的代碼。
ws_customFolding3
導航至折疊區域
您可以自定義導航至折疊區域周圍形成的代碼片段與相應的折疊標記注釋:
選擇自定義導航|折疊或按CTRL+ALT+周期。
選擇目標區域折疊。在區域(列表中通過它們的描述。)
- 譯者言
- 初識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
- 鍵盤快捷鍵及鼠標
- 高級編輯
- 獲得幫助
- 使用幫助主題
- 使用每日提示
- 使用在線資源
- 使用效率指南
- 分析你的反饋和問題報告
- 鍵盤映射參考
- 反饋頁