LU01.S02 - Installation of the code editor Webstorm

Install the code editor Webstorm

  1. Go to the Jetbrains website Webstorm-Download
  2. Log in with your login credentials. If you do not have yet an account, create one as student, which is free for students.
  3. Download the software version for your PC.
  4. Start the installation process (as shown in the video instructions). Make sure that you check the box „Add bin folder to the PATH“.
  5. Start Webstorm, click „Paid …“ and „Log In to Jetbrains Account“.
  6. To confirm your licence, you will be redirected to the jetbrains website and must to log in there.
  7. Click „Continue“.
  8. The installation process is complete when your Webstorm is activated without restrictions and the license is valid for one year.
  9. Start the Webstorm editor.
  10. If you succeeded, be humble and grateful and help those in need. If not, seek the wisdom of your it-master (teacher).

Post installation steps

Once the installation is completed, start the post-installation steps:

  1. Start the Webstorm editor.
  2. Install the plug in for the DB-Modules: database plug in
  3. Once you have successfully installed the database module, you will see the database icon in the top right-hand corner of your Webstorm application.

Function Tests

After both, having successfully installed Webstorm and the database plugin, conduct the following function test.

  1. Establish a new project: File > New > Project > name the project
  2. Create a new file: File > New > Select a suited file type > name the file accordingly
    • Rename a new file.
    • Find the stored file directory of webstorm, e.g. C:\Users\volka\WebstormProjects\firstConnectionTryToDb
    • Establish a connection between Webstorm and Mysql
      • Click on the database icon
      • Add a new connection by clicking the „+“ icon
      • Select the option „database“ > „MySQL
      • Fill out the presented input mask with your database credentials, e.g. user: root, password: hello1234
      • Download and install missing packages
    • Establish a new input console for your database commands: Selecting the database > Right mouse > New > Console
    • You shall find the console file in: C:\Users\volka\AppData\Roaming\JetBrains\WebStorm2024.2\consoles\db\consolet.sql
    • Select current databases from MySQL with the command (in the command window): SHOW DATABASES; + Execute the command.

Solution

Lösung

Vocabulary

English German
prerequisites Voraussetzungen
as it happened zufälliger Weise
proper orgentlich, passend
educational purposes Bildungszweck

Volkan Demir