search
HomeDevelopment ToolswebstormHow to install WebStorm2021? Detailed installation tutorial [with pictures]

For those who are getting started with JavaScript development, the most important thing is to install WebStorm software, a very excellent JavaScript tool. There is no detailed WebStorm tutorial found on the Internet. Today I will share the installation tutorial for WebStorm 2021.3.2 version, taking you through it from download to installation and project creation.

1. Download WebStorm

1. Search on Baidu to query the WebStorm official website; look for the official website address, do not download from the download site, which may bundle a lot of Junk software; (Related recommendations: webstorm tutorial)

Official website address: https://www.jetbrains.com/webstorm/

How to install WebStorm2021? Detailed installation tutorial [with pictures]
2. Open the main introduction page of WebStorm official website and click "Download" to enter the download page;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

3. Click "Download" to jump to the download page. , the download starts automatically, and we can see the WebStorm download information in the lower right corner;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

2. WebStorm installation

1. Find the "WebStorm-2021.3.2.exe" installation package after downloading. PS (The latest WebStorm version that the author can download at the time of writing is 2021.3.2. It doesn't matter if the version number is different. is applicable)

How to install WebStorm2021? Detailed installation tutorial [with pictures]

2. Double-click the WebStorm.exe file to open, and the installation information introduction interface will pop up. Click "Next" to proceed to the next step;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

3. This interface prompts you to choose where to install the WebStorm software on your computer. The default is to install it on the C drive. It is generally not recommended to install it on the C drive. We can install it on a drive with a larger storage space. , such as D drive. Click "Next" to proceed to the next step;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

4. Here are some functional options for WebStorm installation. Just check them all. Click "Next" to proceed to the next step;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

5. WebStorm confirms the installation interface, click "Install" to install

How to install WebStorm2021? Detailed installation tutorial [with pictures]

6. Installation progress interface, waiting for installation Complete;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

#7. The interface after successfully installing WebStorm. The default option is to restart WebStorm later, Reboot now

How to install WebStorm2021? Detailed installation tutorial [with pictures]

3. WebStorm activation configuration and project creation

1. Double-click the "WebStorm 2021.3.2" shortcut icon to start WebStorm;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

2. This project allows you to choose the activation method. Here select

Activate WebStorm -> Activation code; Baidu search "vrg123comWebStorm" to get WebStorm first Paste the activation code into the box below Activation code;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

How to install WebStorm2021? Detailed installation tutorial [with pictures]
How to install WebStorm2021? Detailed installation tutorial [with pictures]

3. Click New Project to create a new project ;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

4. Select the framework used by the project. The default is to create the project without using a framework. This includes mainstream frameworks such as node.js, React, Vue, etc. You can choose according to your own needs. Requirement selection;

How to install WebStorm2021? Detailed installation tutorial [with pictures]

5. The main interface after the project is successfully created. Here you can create the files you need. If you choose framework creation, the corresponding correlation files will be generated.

How to install WebStorm2021? Detailed installation tutorial [with pictures]

(Learning video sharing: web front-end tutorial)

The above is the detailed content of How to install WebStorm2021? Detailed installation tutorial [with pictures]. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:csdn. If there is any infringement, please contact admin@php.cn delete
webstorm怎么运行vue项目webstorm怎么运行vue项目Apr 08, 2024 pm 01:57 PM

要使用 WebStorm 运行 Vue 项目,可以按照以下步骤进行操作:安装 Vue CLI创建 Vue 项目打开 WebStorm启动开发服务器运行项目查看浏览器中的项目在 WebStorm 中调试项目

webstorm怎么创建htmlwebstorm怎么创建htmlApr 08, 2024 pm 01:42 PM

使用 WebStorm 创建 HTML 项目分五步:创建新项目并配置 HTML 设置;添加新 HTML 文件;编写 HTML 代码并利用实时预览;预览 HTML 文件并进行部署;使用模板和 Emmet 快捷方式加快开发。

webstorm怎么切换中文webstorm怎么切换中文Apr 08, 2024 pm 01:30 PM

WebStorm 中切换中文方法:打开设置面板(Windows/Linux:Ctrl + Alt + S;macOS:Command + ,)。导航至“外观和行为”>“语言和框架”。在“用户界面语言”下拉菜单中选择“IntelliJ IDEA 用户界面”。在“Locale”列表中选择所需的中文语言(例如“中文(中国大陆)”)。点击“应用”,重启 WebStorm。

webstorm怎么改中文版webstorm怎么改中文版Apr 08, 2024 pm 12:24 PM

将 WebStorm 更改为中文版:打开 WebStorm 设置。导航到“Appearance & Behavior”>“Language & Fonts”。在“User Interface Language”中选择“Chinese (Simplified)”或“Chinese (Traditional)”。重启 WebStorm,界面将显示为中文。

WebStorm2021如何安装?安装教程详解【附图】WebStorm2021如何安装?安装教程详解【附图】Aug 02, 2022 pm 05:27 PM

对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程。今天分享WebStorm2021.3.2版本的安装教程,从下载到安装以及创建项目带大家完整的走一遍。

webstorm怎么恢复默认webstorm怎么恢复默认Apr 08, 2024 pm 12:15 PM

要恢复 WebStorm 为默认设置,请关闭 WebStorm 并删除首选项目录,然后重新启动 WebStorm。详细步骤包括:完全退出 WebStorm。删除首选项目录(具体位置因操作系统而异)。重新启动 WebStorm。

webstorm怎么新建项目webstorm怎么新建项目Apr 08, 2024 am 11:57 AM

使用 WebStorm 创建新项目的步骤:打开 WebStorm并选择“新建项目”;根据需要选择项目类型,如 Node.js、React 等;配置项目设置,包括名称、位置和框架版本;对于特定项目类型,选择所需框架;单击“创建”按钮生成项目;项目将自动在 WebStorm 中打开,供您编写代码和构建应用程序。

webstorm怎么更改字体大小webstorm怎么更改字体大小Apr 08, 2024 am 11:39 AM

WebStorm 提供多种修改字体大小的方式:1. 快捷键(放大:Ctrl/Cmd + +,缩小:Ctrl/Cmd + -,重置:Ctrl/Cmd + 0);2. 设置菜单(文件 > 设置 > 外观和行为 > 外观 > 字体 > 字体大小);3. 滚动条(向上滚动放大,向下滚动缩小)。

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools