從頭開始創建模板文件
設置/首選項對話框打開在編輯節點,選擇模板文件和代碼頁。
切換到文件選項卡。
點擊add.png在工具欄上顯示與指定的模板名、文件擴展名、與所述主體的所述模板,其可以包含:
純文本。
#parse與指令包括。
預定義變量展開成相應數值格式${<variable_name>}。
可用的預定義的文件模板變量是:
${PROJECT_NAME}--名稱的項目。
${NAME}--名稱的新文件中指定新文件在對話框中創建文件。
${USER}-將當前用戶的登錄名。
${DATE}-系統當前日期。
${TIME}-當前系統時間。
${YEAR}-所述電流。
${MONTH}-目前的月。
${DAY}-當前日期。
${HOUR}-在電流小時。
${MINUTE}-當前時刻。
${PRODUCT_NAME}-IDE的名稱的文件。
${MONTH_NAME_SHORT}第1-3月份名稱的字母。示例:Jan、Feb等。
${MONTH_NAME_FULL}-全名。例如:一月,二月,依此類推。
自定義變量。它們的名稱可以限定在模板在右#set指令或將確定的文件。
有的角色(美元$在變量)的再現時,使用${DS}變量代替。這個變量評估為普通字符(一個美元$)。
應用更改并關閉對話框。
創建從現有文件模板
打開模板文件到開關和設置頁面文件選項卡。
點擊copy在工具欄和更改模板名稱、擴展、和源代碼。
應用更改并關閉對話框。
從模板創建的文件的文件
在打開期望的文件的編輯器。
在主菜單中,選擇工具|文件保存為模板。
在文件和代碼模板打開對話框中指定的名稱和新模板編輯源代碼。
應用更改并關閉對話框。
包括模板創建和引用
模板包括用于定義可重用的代碼被插入在通過模板文件#parse指令。
在文件和代碼模板設置頁,請切換到包括選項卡。
點擊add.png在工具欄上顯示與指定的模板名稱、擴展、和源代碼。通過以下方法之一:
使用預定義的文件模板變量。
創建自定義模板、變量定義的值包括在該模板的使用#setVTL指令。
例如,如果你想知道你的名字嵌入在文件頭部中,而不是通過限定登錄名${USER},寫了如下構造:
#set( $MyName = "John Smith" )
如果,當應用一個模板時,模板變量的值已知、webstorm,會要求您指定它們。
治療可以防止字符(美元$在模板變量為前綴)。如果你需要一個字符(美元$當插入時,與使用${DS}變量而不是模板文件。當模板被應用時,該變量取值為一個普通字符(美元$)。
使用的模板包括,為所述開關模板選項卡中,選擇所需模板并點擊編輯。
包括模板、鑲件的#parse指令在源代碼中。
- 譯者言
- 初識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
- 鍵盤快捷鍵及鼠標
- 高級編輯
- 獲得幫助
- 使用幫助主題
- 使用每日提示
- 使用在線資源
- 使用效率指南
- 分析你的反饋和問題報告
- 鍵盤映射參考
- 反饋頁