【前端】如何安装配置WebStorm软件？

文章目录

• 前言
• 一、前端开发工具WebStorm和VS Code对比
• 二、官网下载
• 三、安装
• • 1、开始安装
  • 2、选择安装路径
  • 3、安装选项
  • 4、选择开始菜单文件夹
  • 5、安装成功
  • 四、启动WebStorm
  • 五、登录授权
  • 六、开始使用

    ---

    前言

    WebStorm 是一款由 JetBrains 公司开发的专业集成开发环境（IDE），主要用于 Web 开发，在前端和后端开发领域都备受青睐。

    在 2024 年10 月 24 日，正值程序员节当天，JetBrains 正式宣布：针对非商业用途，WebStorm 个人版将不再收取费用，真正实现了对个人开发者的免费开放。

    注意：

    • WebStorm 2024.2.4 及更新版本才可以获取非商业许可证。
    • 非商业订阅的期限为一年，一年后将自动续订。

      一、前端开发工具WebStorm和VS Code对比

      两款软件都可进行前端开发。

      VSCode 具有轻量级、启动速度快的优点，并且其插件生态系统非常庞大，可以通过安装不同的插件来满足各种需求。然而，WebStorm 在智能代码编辑、调试功能以及对大型项目的管理方面相对更具优势。

      总的来说，如果是小型项目或者对启动速度要求较高的情况，VSCode 可能是一个不错的选择；但对于大型、复杂的 Web 项目以及需要更专业、深入的开发工具支持的情况，WebStorm 则更为合适。

      

      二、官网下载

      WebStorm软件官网下载链接：

      https://www.jetbrains.com/webstorm/download/#section=windows

      Windows版本直接下载exe链接（如果前面那个链接进不去，直接用这个链接下载）：

      https://download.jetbrains.com/webstorm/WebStorm-2024.3.3.exe

      

      

      下载后的exe文件：

      

      三、安装

      1、开始安装

      

      2、选择安装路径

      

      3、安装选项

      

      （1）创建桌面快捷方式：勾选后，会在电脑的桌面上生成 WebStrom 的快捷方式。

      （2）更新 PATH 变量（需要重新启动）：勾选后，方便在命令行中启动 WebStorm，便于与其他命令行工具或脚本协同工作。

      （3）更新上下文菜单：勾选后，将 “从文件夹打开项目” 添加至鼠标右键。

      （4）创建关联：勾选后，.js、.css、.html、.json 文件默认以 WebStrom 方式打开。

      4、选择开始菜单文件夹

      

      

      5、安装成功

      

      四、启动WebStorm

      选择第一个：免费非商业使用。

      

      

      五、登录授权

      我们看到在打开webstorm的时候，需要log in，然后使用邮箱先注册了账号，后来登录的时候双核浏览器不行，反应特别慢，换了火狐浏览器为默认浏览器就可以跳转到火狐浏览器上进行账号的登录。登录后的界面如下。

      

      然后就进入到了这个界面，需要许可证。其实是默认跳到了第二项付费许可证的选项。

      

      我们点回到免费非商业使用版本。两个agree选择同意勾选，就可以开始用了。

      

      

      然后到了这个界面。

      

      重新打开软件后就可以开始用了。

      六、开始使用

      

      建立一个新项目。