本章节主要讲述本份文档的内容组织形式，方便读者快速熟悉内容

为什么写这份指南?

WebStorm 官网有非常详细的产品使用文档，内容大而全，内容虽然大而全，但是内容缺少逻辑性和条理性，从正面上讲，它只是产品说明文档，要快速掌握 WebStorm 某个功能， 需要使用人员花费大量的时间和精力查阅文档，这无疑费时费力。而本份指南是产品使用人员根据开发多个项目过程中需要使用的功能总结和整理的，完完全全站在产品使用人员的角度， 帮助新人快速熟悉和掌握 WebStorm 开发项目的必备功能并用它开发项目

花 20% 时间掌握 80% 的知识

大家听过二八定律，通过学习是本份指南，新人可以花 20% 时间掌握 80% 的 WebStorm 使用技巧

当我们接触一款产品的时候，第一眼关注的就是产品的用户界面，色彩显示、组成部分、主题、字体大小和产品所使用的语言等等

作为代码开发工具，自然少不了代码编辑器基本功能，分别是显示项目所有文件、搜索功能、Git 操作、代码调试和安装第三方插件等等

• 显示项目所有文件，必备功能，选择/切换文件
• 搜索功能，确定变量或方法的位置
• Git 操作，代码版本管理工具，人人都要使用
• 代码调试，客户端调试和服务端调试
• 安装第三方插件，扩展工具的功能

WebStorm 是集成开发环境而不是普通的编辑器，在满足代码编辑器基本功能之上增添许多高级功能。

• 当我们对老旧项目重构时，WebStorm 重构功能将帮我们提高重构效率
• 前端开发人员经常使用 postman 验证后端接口，WebStorm 支持 Rest Client，直接在 WebStorm 里调试
• 可视化点击操作直接帮助开发人员运行脚本命令
• 内置 TODO 功能帮助开发人员注明重要代码，Markdown 让开发人员无缝在代码编辑器里书写文档
• Code With me 功能带来超棒的多人协作体验

笔者将 WebStorm 的功能分为基础和进阶，在掌握基础（必备）的功能上，再掌握提高效率的进阶功能，就足以应付开发任何前端项目