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

青灯夜游
Release: 2022-08-02 17:28:07
forward
4623 people have browsed it

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!

Related labels:
source:csdn.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!