## 配置代码样式
### 基础知识和定义
如果公司存在着一定的代码规则,一个人创建代码时要遵循这些原则。WebStorm有助于维持必要的代码风格。
代码样式有全局级与项目级两种定义。
* 在项目级,*设置在项目计划分组下*,他们是预定义的,加粗显示。项目级方案仅适用于当前项目。
默认方案不可以改变!当任何一份改动发生时,WebStorm 会自动创建一份此方案的副本。如果你想用不同的项目级方案,选择你期望的,然后拷贝他。
* 在全局级别中,设置在默认方案分组下,任何其他方案都可以被用户创建。全局设置通常用于用户不想保持项目中的代码风格或者分享他们。
###为语言设置代码风格
1. 在代码中点击`Code Style`,然后点击问题中的语言。
2. 为你选中的语言选择代码方案作为自定义代码样式的基础
3. 浏览所选择的语言页面的选项卡,并为其配置的代码风格偏好。
###从其他语言复制代码样式设置
对于支持的大多数语言来说,你可以从其他语言复制代码样式设置。
1. 在代码中点击`Code Style`,然后点击问题中的语言。
2. 点击右上角的`Set From`链接。此链接出现这些语言,在其他语言的基础上定义的设置适用。
3. 在下拉列表中,点击语言复制代码格式。
![](https://box.kancloud.cn/59be8975f97fe712ea9536d5c8dc62b8_614x338.png)
- 译者言
- 初识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
- 键盘快捷键及鼠标
- 高级编辑
- 获得帮助
- 使用帮助主题
- 使用每日提示
- 使用在线资源
- 使用效率指南
- 分析你的反馈和问题报告
- 键盘映射参考
- 反馈页