Development Tools
webstorm
How to install WebStorm2021? Detailed installation tutorial [with pictures]How 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]](https://img.php.cn/upload/article/000/000/024/a8eea98218b8c998e6fd3d40b00238a7-0.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/57ebe55920ee480e18495da9211d3ee6-1.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/57ebe55920ee480e18495da9211d3ee6-2.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/57ebe55920ee480e18495da9211d3ee6-3.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-4.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-5.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-6.jpg?x-oss-process=image/resize,p_40)
5. WebStorm confirms the installation interface, click "Install" to install
![How to install WebStorm2021? Detailed installation tutorial [with pictures]](https://img.php.cn/upload/article/000/000/024/ea22be898ae28ecb35bd80bdb5b08e09-7.jpg?x-oss-process=image/resize,p_40)
6. Installation progress interface, waiting for installation Complete;
![How to install WebStorm2021? Detailed installation tutorial [with pictures]](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-8.jpg?x-oss-process=image/resize,p_40)
#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]](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-9.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-10.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/6eceaec91c6fd4843cc1eab9377bdc60-11.png?x-oss-process=image/resize,p_40)
![How to install WebStorm2021? Detailed installation tutorial [with pictures]](https://img.php.cn/upload/article/000/000/024/2354217d91c19a1b01a7ba17bf8d3020-12.png?x-oss-process=image/resize,p_40)
![How to install WebStorm2021? Detailed installation tutorial [with pictures]](https://img.php.cn/upload/article/000/000/024/2354217d91c19a1b01a7ba17bf8d3020-13.jpg?x-oss-process=image/resize,p_40)
3. Click New Project to create a new project ;
![How to install WebStorm2021? Detailed installation tutorial [with pictures]](https://img.php.cn/upload/article/000/000/024/2354217d91c19a1b01a7ba17bf8d3020-14.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/5849318e7651a0002d7fa7373b99fdb7-15.jpg?x-oss-process=image/resize,p_40)
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]](https://img.php.cn/upload/article/000/000/024/5849318e7651a0002d7fa7373b99fdb7-16.png?x-oss-process=image/resize,p_40)
(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!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

Dreamweaver CS6
Visual web development tools

Zend Studio 13.0.1
Powerful PHP integrated development environment

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function

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.




