WebStorm 教程

🌙
手机阅读
本文目录结构
axihe

WebStorm

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

功能

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,部分 一般准则提供了关于创建项目,配置它们的结构,输出等方面的信息
  • 更先进的用户会发现它有用阅读部分的各个部分 语言和框架 - 具体指南。
  • 最后,部分 获得帮助讲述使用帮助主题在网络和内置的变体,适用于支持服务,报告问题并分享您的反馈意见。

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

Bilibili(B站)

朱安邦

Anbang