Как установить webstorm на Ubuntu

Обновлено: 02.07.2024

WebStorm — это помощник по написанию кода для JavaScript. Он компилируется в языки JavaScript, Node.js, HTML и CSS. Установить Webstorm в Ubuntu очень просто, и это объясняется в этом руководстве.

&bull Современные платформы,
&bull Отладка, отслеживание и тестирование,
&bull Полная интеграция инструментов.

Установка Web Storm 2018.1

Чтобы установить Web Storm, мы должны установить Java, поэтому давайте добавим репозиторий Java с помощью следующей команды.

Репозиторий добавлен, и после обновления пакета системного репозитория вы можете установить Oracle-java9-installer с помощью следующей команды.

Java установлена, и вы можете убедиться в этом, проверив версию Java.

Теперь загрузите tar-архив web storm с официального сайта с помощью команды «wget» в терминале.

После загрузки извлеките файл с помощью следующей команды.

После извлечения перейдите в каталог /bin из извлеченного каталога webstorm.

Теперь выполните следующую команду для запуска файла webstorm.sh, это запустит webstorm.

Появится следующий экран. Если вы устанавливаете веб-шторм заново, выберите «Не импортировать» и нажмите «ОК» или, если у вас уже есть файл настроек, вы можете импортировать и использовать

В следующем окне вам необходимо принять лицензию, нажав Принять.

Если вы хотите поделиться данными об использовании с JetBrains, вы можете использовать эту опцию. если вы решили не делиться, просто снимите флажок и нажмите «ОК».

Если вы уже купили webstorm, вы можете активировать его с помощью предоставленного им ключа или даже купить его здесь. Но здесь мы собираемся использовать пробную версию в течение 30 дней, поэтому я выбираю бесплатную оценку и нажимаю «Оценить».

Теперь выберите пользовательский интерфейс веб-шторма и перейдите к входу на рабочий стол.

Выберите привилегии и нажмите «Далее», чтобы настроить сценарий запуска.

Выберите место для создания сценария открытия файлов из командной строки.

Если вы хотите настроить или установить плагины, вы можете сделать это здесь. после того, как все настройки настроены, вы можете нажать «Начать использовать webstorm».

Создайте проект или откройте созданный проект, чтобы начать работу. мы выбрали вариант создания нового проекта.

Выберите платформу вашего проекта и нажмите «Создать».

И webstorm теперь открыт для работы над вашим проектом.

На этом способ установки webstorm 2018.1 на Ubuntu 18.04 подходит к концу.

WebStorm – отличная интегрированная среда разработки для работы с веб-приложениями и веб-приложениями на JavaScript. WebStorm поддерживает множество фреймворков JavaScript. Он имеет встроенную поддержку NodeJS, AngularJS, ReactJS, VueJS и многих других. Он имеет интеллектуальное автозаполнение и очень простой в использовании пользовательский интерфейс. В целом, это обязательный инструмент для разработчиков JavaScript.
В этой статье я покажу вам, как установить WebStorm на Ubuntu. Приступим.

Теперь нажмите «Загрузить».

Убедитесь, что выбран Linux. Теперь нажмите ЗАГРУЗИТЬ, как показано на скриншоте ниже.

Ваш браузер должен предложить вам сохранить файл. Выберите «Сохранить файл» и нажмите «ОК».

Должна начаться загрузка. Это займет некоторое время.

Установка WebStorm:

После загрузки архива WebStorm вы готовы к его установке.

Сначала перейдите в каталог ~/Downloads, где сохранен архив WebStorm.

Как видите, архив WebStorm tar.gz находится здесь.

Теперь выполните следующую команду, чтобы извлечь архив WebStorm в каталог /opt.

Распаковка архива займет некоторое время. После извлечения архива в каталоге /opt должен быть создан новый каталог, как показано в отмеченном разделе на снимке экрана ниже.

ПРИМЕЧАНИЕ. Имя каталога в моем случае — WebStorm-183.4588.66. Для вас это может быть иначе. Обязательно замените его своим.

В первый раз необходимо запустить WebStorm из командной строки. Для этого выполните следующую команду:

Поскольку вы запускаете WebStorm в первый раз, вам нужно выполнить небольшую первоначальную настройку. Поскольку у вас еще нет конфигурации WebStorm, вам нечего импортировать. Итак, выберите «Не импортировать настройки» и нажмите «ОК».

Теперь выберите тему пользовательского интерфейса по вашему выбору. Вы можете выбрать темную тему Darcula или светлую тему. Когда вы закончите выбирать тему пользовательского интерфейса, нажмите «Далее: вход на рабочий стол».

Теперь вам нужно создать запись для WebStorm на рабочем столе. Таким образом, вы можете легко получить доступ к WebStorm из меню приложений Ubuntu.

Для этого установите оба флажка. Закончив, нажмите «Далее: сценарий запуска».

Если вы хотите открывать проекты WebStorm из командной строки, установите флажок Создать сценарий для открытия файлов и проектов из командной строки. Когда вы закончите, нажмите «Далее: рекомендуемые плагины».

Теперь WebStorm предложит вам несколько важных подключаемых модулей, которые вы можете установить, если хотите. Если вам нравится какой-либо из плагинов отсюда, просто нажмите «Установить», чтобы установить его. Закончив, нажмите «Начать использовать WebStorm».

Теперь введите свой пароль для входа и нажмите "Аутентификация".

JetBrains WebStorm не является бесплатным. Вы должны купить лицензию у JetBrains, чтобы использовать ее. Отсюда вы можете активировать WebStorm.

Если вы хотите опробовать WebStorm перед покупкой лицензии, вы можете попробовать его в течение 30 дней бесплатно без каких-либо ограничений функций. Просто выберите «Оценить бесплатно» и нажмите «Оценить».

WebStorm запускается.

Как видите, WebStorm запущен.

С этого момента вы можете запускать WebStorm из меню приложений Ubuntu.

Создание нового проекта:

В этом разделе я покажу вам, как создать новый проект в WebStorm. Сначала запустите WebStorm и нажмите «Создать новый проект».

Теперь выберите тип проекта и путь для вашего проекта, где будут сохранены все файлы проекта.

Допустим, вы создаете проект приложения Node.js Express. Здесь вы можете изменить версию интерпретатора Node.js, если у вас установлено несколько версий интерпретатора.

Как видите, у меня также есть возможность изменить шаблон и CSS.

Параметры должны различаться в зависимости от типа создаваемого вами проекта. Закончив настройку параметров, нажмите «Создать».

Как видите, проект создан.

В проекте есть несколько файлов по умолчанию. Вы можете нажать кнопку Play в правом верхнем углу, чтобы запустить проект.

Как видите, экспресс-приложение работает через порт 3000.

Я также могу получить доступ к экспресс-приложению из веб-браузера.

Вот как вы устанавливаете WebStorm в Ubuntu. Спасибо, что прочитали эту статью.

В этом руководстве мы покажем вам, как установить WebStorm на Ubuntu 20.04 LTS. Для тех из вас, кто не знал, WebStorm — это кроссплатформенная интегрированная среда разработки JavaScript (IDE) от JetBrains, которая поддерживает большинство современных фреймворков JavaScript, таких как AngularJS, TypeScript, React, Meteor, Dart и Node.js, и многое другое.

В этой статье предполагается, что у вас есть хотя бы базовые знания о Linux, умение пользоваться оболочкой и, самое главное, размещение сайта на собственном VPS. Установка довольно проста и предполагает, что вы работаете с учетной записью root, в противном случае вам может потребоваться добавить « sudo » к командам, чтобы получить привилегии root. Я покажу вам пошаговую установку WebStorm на сервере Ubuntu 20.04 (Focal Fossa).

Предпосылки

Сервер под управлением одной из следующих операционных систем: Ubuntu 20.04, 18.04 и любой другой дистрибутив на основе Debian, например Linux Mint или elementary OS.
Во избежание потенциальных проблем рекомендуется использовать новую установку ОС.
Пользователь sudo без полномочий root или доступ к пользователю root . Однако мы рекомендуем действовать как пользователь sudo без полномочий root , так как вы можете нанести вред своей системе, если не будете осторожны, действуя от имени пользователя root.

Установите WebStorm на Ubuntu 20.04 LTS Focal Fossa

Шаг 1. Сначала убедитесь, что все ваши системные пакеты обновлены, выполнив в терминале следующие команды apt.

Шаг 2. Установка WebStorm в Ubuntu 20.04.

Теперь мы устанавливаем WebStorm с помощью следующей команды:

По умолчанию среда разработки WebStorm должна быть установлена по пути $HOME/.local/umake/ide/webstorm . Затем добавьте разрешение на выполнение в файл рабочего стола WebStorm следующим образом:

Наконец, перезагрузите компьютер, чтобы изменения вступили в силу:

Шаг 4. Запустите WebStorm в Ubuntu.

После успешной установки вы можете запустить WebStorm из меню приложения Ubuntu.

Поздравляем! Вы успешно установили WebStorm. Спасибо за использование этого руководства по установке WebStorm JetBrains в Ubuntu 20.04. Для получения дополнительной помощи или полезной информации мы рекомендуем вам посетить официальный веб-сайт WebStorm.

Если у вас нет времени заниматься всем этим или если это не ваша область знаний, мы предлагаем услугу «Управление VPS», начиная с 10 долларов США (оплата через PayPal). Пожалуйста, свяжитесь с нами, чтобы получить лучшее предложение!

WebStorm – это интегрированная среда разработки (IDE), разработанная специально для современного JavaScript и связанных с ним технологий. Как и другие интегрированные среды разработки JetBrains, она делает процесс разработки более приятным, автоматизируя рутинную работу и помогая с легкостью решать сложные задачи.

Это мощная и интеллектуальная интегрированная среда разработки, которая обеспечивает наилучшую помощь при написании кода для JavaScript, HTML и CSS, а также широкого спектра современных веб-технологий.

Разработчики могут использовать интеллектуальное завершение кода, обнаружение ошибок в реальном времени, рефакторинг JavaScript и навигацию, таблицу стилей языка, TypeScript и ведущие платформы.

Эта технология является легкой, но всесторонней, поскольку она предоставляет решения для сложной разработки на стороне клиента и разработки на стороне сервера с помощью Node.js.

Благодаря интеграции WebStorm с VCS разработчики могут использовать простой унифицированный пользовательский интерфейс для работы с Git, GitHub, Mercurial и т. д.

Пользователи могут фиксировать файлы, просматривать изменения и разрешать конфликты с помощью визуального инструмента, встроенного в IDE.

Чтобы убедиться, что ваш код легко поддерживать, вы должны сначала сделать его чистым и аккуратным. Это та часть, где WebStorm действительно помогает вам. Он автоматически рефакторит ваш код, выполняя над ним функции, такие как извлечение переменных, перемещение файлов, извлечение встроенных переменных и т. д.

Функция локальной истории в Webstorm отслеживает все ваши локальные изменения в исходном коде, которые вы вносите. Вы можете использовать его для просмотра изменений, внесенных в код, и при необходимости откатить их.

WebStorm – это кроссплатформенное приложение, доступное для Microsoft Windows, macOS и Linux.

Оглавление

Ключевые особенности WebStorm:

Основные системные требования для WebStorm:

Это минимальные системные требования для установки WebStorm в системе Linux.

ОЗУ: не менее 2 ГБ свободной ОЗУ, 8 ГБ общего объема ОЗУ (рекомендуется)
ЦП: любой современный ЦП, многоядерный ЦП. WebStorm поддерживает многопоточность для различных операций и процессов, что делает его быстрее, чем больше ядер процессора он может использовать.
Дисковое пространство: 2,5 ГБ и еще 1 ГБ для кеша, SSD-накопитель с не менее 5 ГБ свободного места (рекомендуется).
Разрешение монитора: 1024 x 768, 1920 x 1080 (рекомендуется)
Рабочий стол GNOME или KDE

Примечание. Вам не нужно устанавливать Java для запуска WebStorm, поскольку среда выполнения JetBrains входит в состав IDE (на основе JRE 11).

Но при необходимости вы можете выполнить следующие шаги для установки Java:

Установка Java

Введите следующую команду, чтобы проверить, установлена ли уже Java в вашей системе.

Вы можете пропустить этот шаг, если Java уже установлена, а если Java не установлена, выполните следующие действия.

В этом руководстве я буду устанавливать OpenJDK 11, и установка довольно проста.

Сначала обновите индекс пакета, а затем установите пакет OpenJDK 11, введя следующую команду.

В этой статье описываются два метода установки WebStorm IDE в Ubuntu 20.04.

Выберите метод установки, наиболее подходящий для вашей среды.

Способ 1. Установка WebStorm в виде пакета Snap

Самый простой способ установить WebStorm в Ubuntu 20.04 — использовать систему моментальных пакетов.

Пакет WebStorm snap распространяется и поддерживается JetBrain.

Snap-пакет – это тип универсального пакета Linux, которым можно пользоваться независимо от дистрибутива. Это автономные программные пакеты, которые включают в себя все зависимости, необходимые для запуска приложения.

Все, что вам нужно, это предварительно настроенный сервис snap. В случае Ubuntu 20.04 он поставляется с предустановленным сервисом snap.

Если пакет snapd еще не установлен, вы можете установить его, выполнив следующую команду.

Примечание. Пакеты Snap можно установить либо из командной строки, либо с помощью приложения Ubuntu Software.

На самом деле это Snap-версия WebStorm. Его можно использовать в любом дистрибутиве Linux с поддержкой Snap.

Откройте терминал ( Ctrl+Alt+T ) и введите следующую команду, чтобы установить пакет WebStorm IDE.

Опция --classic обязательна, поскольку для оснастки WebStorm требуется полный доступ к системе, как и для традиционно упакованного приложения.

Вот и все. Теперь вы можете открыть приложение WebStorm с помощью панели поиска действий.

Способ 2. Установка WebStorm IDE из исходного кода

Компиляция WebStorm IDE из исходного кода позволяет установить последнюю версию WebStorm. Выполните следующие шаги, чтобы установить WebStorm с помощью исходного кода.

Откройте терминал ( CTRL+ALT+T ) и выполните приведенные ниже команды для обновления пакетов.

Загрузите последний пакет исходного кода WebStorm с официального сайта. Вы можете сделать это с помощью команды wget.

Или посетите официальный сайт и скачайте оттуда.

< /p>

После завершения загрузки извлеките файл .tar.gz с помощью команды tar.

Распакуйте архив в каталог, который поддерживает выполнение файлов.

Например, чтобы извлечь его в рекомендуемый каталог /opt, выполните следующую команду:

Примечание. Не распаковывайте архив поверх существующей установки во избежание конфликтов.Всегда извлекайте его в чистый каталог.

Выполните сценарий webstorm.sh из извлеченного каталога, чтобы запустить WebStorm.

Как только вы запустите скрипт, запустится приложение WebStorm.

На этом этапе вы успешно установили приложение WebStorm IDE в системе Ubuntu 20.04.

Чтобы создать запись приложения на рабочем столе: В главном меню IDE выберите "Инструменты" -> "Создать запись на рабочем столе" .

Запуск WebStorm

Вы можете запустить приложение WebStorm IDE с помощью значка Launcher, созданного на рабочем столе.

ИЛИ запустите сценарий оболочки webstorm.sh в каталоге установки в bin/ .

После запуска WebStorm вы увидите экран приветствия, отправную точку для работы с IDE и настройки ее параметров. Этот экран также появляется, когда вы закрываете все открытые проекты.

Начать проект в WebStorm

На экране приветствия вы можете сделать следующее:

Создать новый проект
Создать проект из существующих локальных источников
Открыть существующий проект или файл
Извлечение существующего проекта из системы контроля версий

Примечание. Также можно перетащить существующий каталог проекта или отдельный файл на экран приветствия и открыть его в WebStorm.

Как удалить WebStorm из Ubuntu 20.04

По какой-то причине, если вы хотите удалить приложение WebStorm, выполните следующие действия.

Удалите каталог установки.

Удалить следующие каталоги.

Заключение

Я надеюсь, что теперь вы хорошо понимаете, как установить WebStorm на Ubuntu 20.04 LTS Focal Fossa.

Если у кого-то есть какие-либо вопросы о том, что мы рассмотрели в этом руководстве, не стесняйтесь задавать их в разделе комментариев ниже, и я сделаю все возможное, чтобы ответить на них.

Читайте также: