Как настроить локальный сервер в IntelliJ IDEA
[Веб-разработка]
Поскольку мы знаем, что технология быстро развивается, существуют различные варианты интегрированной среды разработки или известные как IDE, такие как IntelliJ IDEA / Netbeans IDE / Eclipse / Vim и т. д. Все зависит от личных предпочтений, которые, как я понимаю, не могут убедить другого разработчика использовать IDE, которую я любил, и наоборот.
Некоторые из нас могут использовать IntelliJ вместе с XAMPP/LAMPP для локального сервера, но в данном случае я хотел бы написать о настройке встроенного локального сервера на IntelliJ IDEA Ultimate Edition.
примечание: это руководство не включает установку подключаемого модуля PHP для локального сервера
Требования :
- IntelliJ IDEA Ultimate Edition — (https://www.jetbrains.com/idea/download/)
- Tomcat 9.0.1 — (https://tomcat.apache.org/download-90.cgi)
- Базовые знания HTML и CSS
- Терпение и никогда не сдаваться!
Без дальнейших объяснений, я научу вас шаг за шагом с подробным снимком экрана. Вот как настроить локальный сервер в IntelliJ IDEA:
1. Создадим новый проект
(Если у вас уже есть один проект, перейдите к номеру 4)
2. Создайте первую HTML-страницу в папке проекта или папке «localserver».
теперь вкладка проекта должна быть такой:
3. Теперь откройте файл «Index.html» двойным щелчком.
Когда вы закончите изменять свой код, вам нужно настроить локальный сервер и увидеть результат вашей веб-страницы.
Настройте свои конфигурации запуска / отладки, просмотрев меню в правой части окна ИЛИ нажмите «Выполнить» в строке меню, затем «Редактировать конфигурацию».
4. Запустить/отладить параметры конфигурации.
нажмите кнопку + или нажмите «ALT + Insert»
Всегда помните ссылки на ваш локальный сервер: «https://localhost:8080/».
Вы можете изменить имя своей конфигурации, но это необязательно. Ничего страшного, если вы не хотите менять имя.
Нажмите «Настроить» рядом с «Сервер приложений».
Нажмите на кнопку +
Теперь щелкните меню развертывания в окне настройки.
Выберите родительскую папку вашего проекта, а не точную папку проекта, например:
Теперь все готово, и интерфейс должен выглядеть так:
5. Все готово, теперь нужно запустить локальный сервер.
6. Откройте свой любимый браузер и введите ссылку в адресной строке.
пример:"localhost:8080/localserver/"
(«localhost : номер порта / имя проекта/ имя страницы . расширение»)
Отлично! Теперь вы можете использовать свой локальный сервер для своих проектов.
Я надеюсь, что этот урок будет отсылкой к вашим школьным заданиям или вашему проекту.
Успех не случаен. Это тяжелая работа, настойчивость, обучение, изучение, самопожертвование и, прежде всего, любовь к тому, что вы делаете или учитесь делать. — Пеле
Спасибо за чтение! ❤