WebStorm 教程

WebStorm

WebStorm 是 jetbrains 公司旗下一款 JavaScript 开发工具。目前已经被广大中国 JS 开发者誉为“Web 前端开发神器”、“最强大的 HTML5 编辑器”、“最智能的 JavaScript IDE”等。与 IntelliJ IDEA 同源，继承了 IntelliJ IDEA 强大的 JS 部分的功能。

• 官网：http://www.jetbrains.com/webstorm/
• 这个网站的下载速度还是可以的，如果有下载不来，可以找第三方下载

功能

JavaScript

• 基于 DOM，特定浏览器完成
• 编码导航和用法查询
• 支持 ECMAScript
• 支持 CoffeeScript
• 支持结点
• JavaScript 重构
• JavaScript 单元测试
• 代码检测和快速修复
• JSLint/JSHint
• 基于 Mozilla 的 JavaScript 调试器

其他用途

• 批量代码分析
• 编码语言混合或内混
• 拼写检查器
• 重复代码检测器

编辑语言

• 支持 HTML5
• css/js
• 检验和快速修复
• Zen 编码
• 显示内容
• 显示应用的风格

便捷的环境

• HTML5 样本文件和其他 Web 应用程序模板
• FTP 和远程文件同步
• 集成了版本控制系统
• 本地记录

快捷键 —— 最常用的快捷键最佳应在 10 个以内

• Ctrl + Shift + R —— 快速定位到文件并跳转
• Ctrl + Shift + F —— 全局搜索文件内某个字符串 （Webstorm 默认快捷键，eclipse 中是 Ctrl + H）
• Ctrl + Shift + U —— 大小写切换
• Ctrl + E —— 打开最近操作过的文件
• Ctrl + Alt + L —— 格式化代码（与 QQ 快捷键冲突，自定修改 QQ 快捷键）
• Ctrl + Y —— 删除光标所在行
• Ctrl + Alt + S —— 打开设置窗口

跨平台的

JetBrains 的 WebStorm 是跨平台的。它可以在 Windows，Mac OS X 和 Linux 上运行，带来的一系列精确的开发工具，都绑在一起创造了方便的开发环境。

• 如果你对 WebStorm 完全不熟悉，请阅读 快速入门指南。
• 开始使用 WebStorm 之前，先看看要点，因为它们对高效使用 WebStorm 用帮助。
• 如果您想了解 WebStorm 用户界面，然后坐 导游。零件工具的 Windows 和 WebStorm 编辑告诉你，你需要知道让这些 UI 元素的抓地力的一切。
• 如果你点击 help 一个对话框按 ​​钮，你会看到参考页，让控件和每个对话的领域描述。
• 除了该对话框的描述中，部分 参考也使其他重要信息，如图标参考， 的菜单项的索引， 版本控制的参考等。
• 对于新手的教程中的一部分 第一步。他们帮助执行与 WebStorm 中最重要的基本任务 - 创建和运行的应用程序。
• 对于那些谁想要更多地了解 WebStorm，部分 一般准则提供了关于创建项目，配置它们的结构，输出等方面的信息
• 更先进的用户会发现它有用阅读部分的各个部分 语言和框架 - 具体指南。
• 最后，部分 获得帮助讲述使用帮助主题在网络和内置的变体，适用于支持服务，报告问题并分享您的反馈意见。