Localhost:3000 — це порт за замовчуванням, який використовується веб-серверами. Це локальний сервер розробки що працює далі порт 3000 . Він дуже часто використовується як досвідченими, так і початківцями та розробниками середнього рівня під час роботи над веб-програмою. Розробники використовують localhost:3000, щоб переглянути попередній перегляд розробленої програми та перевірити її відповідно до вимог щодо швидкості реагування та інших параметрів перед розгортанням у виробництві.
Давайте розберемо localhost:3000, розбивши його:
- локальний хост: Це стосується імені хоста або поточного пристрою, який ви використовуєте для розробки.
- 3000: Це номер порту, на якому створений сервер розробки налаштований для прослуховування.
Давайте глибше зануримося в концепцію localhost:3000, розуміючи наведені нижче пункти один за іншим:
Як запустити сервер localhost:3000 на вашій машині?
Щоб запустити сервер localhost:3000, вам потрібна служба, яка працює на порту localhost:3000, наприклад ReactJS , NodeJS , VueJS , AngularJS і т.д. Якщо ви працюєте з будь-якою зі згаданих служб, вам потрібно ввести команду в терміналі вашої IDE або командного рядка на основі служби, яку ви використовуєте.
де я можу знайти налаштування свого браузера
Нижче наведено команди для різних служб:
- Node.js : Якщо на вашій машині встановлено node.js за допомогою Менеджер пакетів вузлів (npm). Ви можете використовувати такі інструменти, як http-сервер або live-сервер щоб запустити сервер розробки localhost:3000 за допомогою наведених нижче команд:
// Install tools globally npm install -g http-server/liver-server // Navigate to your project cd pathOfYourProject // Start the server at port:3000 http-server/live-server -p 3000>
- ReactJS : У випадку ReactJS вам не потрібно встановлювати сервер ззовні. Якщо ви створюєте додаток React за допомогою create-react-app він автоматично створює сервер розробки. Вам просто потрібно виконати наведені нижче команди, щоб запустити сервер.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- AngularJS : Додаток angular також постачається з сервером розробки, вам просто потрібно створити додаток angular за допомогою Angular CLI і виконати наведені нижче команди.
// Navigate to your project directory cd pathOfYourProject // Start the server ng serve //By default, angular app run on port 4200 use below command to change it ng serve --port 3000>
Як створити сервер розробки в ReactJS ?
Виконайте наведені нижче дії, щоб створити та запустити сервер розробки в ReactJS:
- Крок 1: Створіть додаток React за допомогою npm create-react-app команду, вказавши після неї назву проекту.
npm create-react-app projectName>
- Крок 2: Перейдіть до поточної папки проекту.
cd pathToYourProject>
- крок 3: Створіть файли всередині src і запустіть сервер за допомогою наведеної нижче команди.
npm start>
приклад: Наведений нижче код можна використовувати як код шаблону для вашого файлу.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!попередній);> >}> >return> (> >'center' }}>Ласкаво просимо до techcodeview.com { isHidden && Портал комп’ютерних наук. } style={ { backgroundColor: 'green', color: '#fff', padding: '15px', cursor: 'pointer', border: 'none', borderRadius: ' 10px' }}> Натисніть, щоб перемкнути більше вмісту сторінки { isHidden && Цей вміст перемикається динамічно за допомогою події клацання з кнопкою. } ); }; експорт програми за замовчуванням;> |
>
>
Вихід:
