概述
我們來探索一個webstorm先進設施的創建生活模板“todo項的文本。我們為什么需要它?例如,你希望你的隊友創造統一todo項,而自動填寫用戶名,然后通過一些任意的文本。
這是怎樣做的。
生成TODO和濾波器模式
打開“設置/首選項對話框,編輯和下部分,單擊Todo。
創建圖案 review.為此,點擊add在圖案科:
在顏色選擇器的顏色定義-在這種情況下,它是粉紅色的。
接下來,我們談談創建過濾器。要做到這一點,請點擊add在濾波器部分,并定義了濾波器:
模板和變量創建活
接著,在設置/首選項”對話框中,在編輯器中,單擊動態代碼模板。
注意,添加到新模板自動創建組user。
接下來,注意到紅色的音置于底部。它說,在缺乏新的上下文模板,可申請。讓我們點擊鏈接定義并且,允許所有可能的上下文。最后,讓我們定義的主體的該模板本身:區域模板文本中,鍵入以下命令:
`REVIEW[$WHO$] $TEXT$`
我們這里有兩個變量未定義:$WHO$和$TEXT$可變。$TEXT$將使用同樣的輸入字段,而可變$WHO$應該將被自動填充。確定這個變量,點擊該按鈕編輯變量:
接著,在編輯模板變量對話框中,選擇一個變量表達式$WHO$:
使用項目的審核
現在,讓我們確保它工作。在編輯器中,創建一個單行注釋(CTRL+斬),型號rv,并按TAB:
TODO_live_template4
另外,條紋溝槽旁邊的TODO注釋也被添加到編輯器中。你也看到了,我們的生活模板rv具有自動填充用戶名,留給我們的任務就是進入一些有意義的評論:
TODO_live_template5
現在,當您選擇顯示審查評論,使用該濾波器。為此,單擊filter并選擇濾波器審查僅顯示那些TODO注釋、關鍵字審查:
- 譯者言
- 初識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
- 鍵盤快捷鍵及鼠標
- 高級編輯
- 獲得幫助
- 使用幫助主題
- 使用每日提示
- 使用在線資源
- 使用效率指南
- 分析你的反饋和問題報告
- 鍵盤映射參考
- 反饋頁