1.Установите Node.js
Если он еще не установлен, получите его здесь: https://docs.npmjs.com/getting-started/installing-node
Он поставляется с npm (менеджер пакетов для получения и управления вашими библиотеками разработки)
2.Создайте новую папку для вашего проекта
Где-нибудь на вашем диске создайте новую папку для вашего веб-приложения.
3.Добавьте файл package.json в папку проекта
Затем скопируйте / вставьте следующий текст:
{
"name": "Demo",
"version": "1.0.0",
"description": "demo project.",
"scripts": {
"lite": "lite-server --port 10001",
"start": "npm run lite"
},
"author": "",
"license": "ISC",
"devDependencies": {
"lite-server": "^1.3.1"
}
}
4.Установите веб-сервер
В окне терминала (командная строка в Windows), открытом в папке вашего проекта, выполните следующую команду:
npm install
Это установит lite-сервер (определенныйв package.json), статический сервер, который загружает index.html в браузер по умолчанию и автоматически обновляет его при изменении файлов приложения.
5.Запустите локальный веб-сервер!
(при условии, что в папке вашего проекта есть файл index.html).
В том же окне терминала (командная строка в Windows) выполните эту команду:
npm start
Подождите секунду, и index.html загрузится и отобразится в вашем браузере по умолчанию, обслуживаемом вашим локальным веб-сервером!
lite-сервер просматривает ваши файлы и обновляет страницу каккак только вы внесете изменения в любые html, js или css файлы.
И если у вас VS Code настроен на автоматическое сохранение (меню Файл / Автосохранение), вы увидите изменения в браузере по мере ввода!
Примечания:
Не закрывайте командную строку, пока не закончите кодирование в своем приложении на день. Он открывается на http://localhost:10001, но вы можете изменить порт, отредактировав пакетФайл .json.
Ресурс : https://blogs.msdn.microsoft.com/cdndevs/2016/01/24/visual-studio-code-and-local-web-server/