webstorm提供模板文件对于大多数的语言支持。这允许您创建该文件的内容文件的适当的初始目的。例如,模板文件的HTML/XHTML/HTML5,XML,JavaScript文件、XSLT样式表文件和其它所支持的文件类型。
通常,模板文件扩展名的文件被自动设置,所以你不需要指定它。例如,如果创建一个JavaScript文件,.js扩展。新获得的HTML文件和XML.html和.xml扩展。新的XSLT样式表.xsl扩展。
创建一个新文件模板
通过以下方法之一:
在工程工具窗口在目录中,选择您想创建一个新文件,然后选择新文件|进入主菜单。
右键单击并选择对应的目录新从上下文菜单。
新闻ALT+INSERT
选择所需的文件类型。通常,所有的选项文件和目录对应于使用的模板文件。
现有模板的文件中可能缺少这种列表,如果是自定义模板,模板文件的扩展名(扩展名)不匹配登记的识别图案的任何类型的文件。在这种情况下,您可能需要注册的相应图案识别的现有的类型文件或添加新的文件类型和注册相应的图案,该新的类型。有关更多信息,请参见创建和注册文件类型。
在打开的对话框中,键入该文件的对应字段中。请注意,不应键入文件扩展名。
您可以指定整个目录结构添加新文件的名称。如果在嵌套的目录尚不存在,他们将被创建:
![](https://box.kancloud.cn/27360a47e1a286201809535162b9237a_360x167.png)
如果需要,指定了一种新的基于模板的文件。例如,如果您选择创建一个HTML文件,您就可以创建HTML,HTML4或XHTML文件。换句话说,使用一个对应的模板相关文件。
指定要求的其他信息。例如,可能要求您定义的自定义变量的值(如果对应这样的文件模板包含变量和值都不是当前设置。
点击OK。在新文件对应于所选择的模板文件将创建在该目标位置。
如果不存在该名称的子目录被指定在新文件中,整个结构将目录下创建目标:
有时,你可能想改变文件扩展名自动生成的。为此,可以使用重命名重构(重命名重构|)。
- 译者言
- 初识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
- 键盘快捷键及鼠标
- 高级编辑
- 获得帮助
- 使用帮助主题
- 使用每日提示
- 使用在线资源
- 使用效率指南
- 分析你的反馈和问题报告
- 键盘映射参考
- 反馈页