跟着本文章节，一步一步操作（设置、插件、快捷键、技巧），以你自己的喜好修正，一定可以把 WebStorm 打造成你自己趁手的前端开发利器。入坑 WebStorm，看这一篇就够了。

一、前言 在数字化时代，程序员扮演着关键的角色，他们的工作不仅仅是编写代码，更是创造了无限可能的世界。而要让这个创造过程更加高效和愉悦，选择适合自己的开发工具和软件是至关重要的。 今天，我将为大家介绍

开发过程中，可能会遇到接入第三方平台时，比如微信公众平台，需要提供公网的 IP 地址或域名的情况。 大多数情况下，个人用户的网络是处在局域网中，并且线路无法提供公网的 IP。 为了方便调试，这时候就需要通过内网穿透将本地的端口映射到公网上。

frp 采用 C/S 模式，将服务端部署在具有公网 IP 的机器上，客户端部署在内网或防火墙内的机器上，通过访问暴露在服务器上的端口，反向代理到处于内网的服务。

Yarn 是一款 JavaScript 的包管理工具（npm 的代替方案），在 Yarn 的官网有着一句话：Safe, stable, reproducible projects

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！

你的 vscode 真的舒服么？自用 vsocde配置分享，掘友们也可以分享一下哦。~~~~~~~~

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名？