WebStorm 官网有非常详细的产品使用文档,内容大而全,内容虽然大而全,但是内容缺少逻辑性和条理性,从正面上讲,它只是产品说明文档,要快速掌握 WebStorm 某个功能, 需要使用人员花费大量的时间和精力查阅文档,这无疑费时费力。而本份指南是产品使用人员根据开发多个项目过程中需要使用的功能总结和整理的,完完全全站在产品使用人员的角度, 帮助新人快速熟悉和掌握 WebStorm 开发项目的必备功能并用它开发项目
本指南的内容基于 Mac Intel 芯
WebStorm 2022.2.3 New UI
和笔者自己的使用感受,目录组织和内容具有很强的主观性
本指南适用下列人员:
- 尝试使用 WebStorm 的新手
- 希望掌握 WebStorm 高级使用技巧的开发人员
- 使用 JetBrains 其他产品的开发人员
大家听过二八定律,通过学习是本份指南,新人可以花 20% 时间掌握 80% 的 WebStorm 使用技巧
当我们接触一款产品的时候,第一眼关注的就是产品的用户界面,色彩显示、组成部分、主题、字体大小和产品所使用的语言等等
作为代码开发工具,自然少不了代码编辑器基本功能,分别是显示项目所有文件、搜索功能、Git 操作、代码调试和安装第三方插件等等
显示项目所有文件,必备功能,选择 / 切换文件 搜索功能,确定变量或方法的位置 Git 操作,代码版本管理工具,人人都要使用 代码调试,客户端调试和服务端调试 安装第三方插件,扩展工具的功能 WebStorm 是集成开发环境而不是普通的编辑器,在满足代码编辑器基本功能之上增添许多高级功能。
当我们对老旧项目重构时,WebStorm 重构功能将帮我们提高重构效率 前端开发人员经常使用 postman 验证后端接口,WebStorm 支持 Rest Client,直接在 WebStorm 里调试 可视化点击操作直接帮助开发人员运行脚本命令 内置 TODO 功能帮助开发人员注明重要代码,Markdown 让开发人员无缝在代码编辑器里书写文档 Code With me 功能带来超棒的多人协作体验 笔者将 WebStorm 的功能分为基础和进阶,在掌握基础(必备)的功能上,再掌握提高效率的进阶功能,就足以应付开发任何前端项目
感谢伟大的 JetBrains 公司开发如此优秀的产品和开放包容的互联网世界
MIT License ©️2023 qinghuanI