Открываем VSC в папке с проектом, нажимаем Ctrl+Shift+P, выбираем SFTP: Config, чтобы сконфигурировать.
В файле sftp.json указываем хост, username, пароль и путь, закрываем конфиг, сохранив:
{
"name": "My Server",
"host": "34.68.22.72",
"protocol": "sftp",
"port": 22,
"username": "www",
"password": "www123",
"remotePath": "/var/www",
"uploadOnSave": true
}
Нажимаем правой кнопкой на папке html и выбираем Sync Remote - Local, дожидаемся синхронизации.
Открываем index.html, удаляем лишнее, оставляем каркас, добавляем script
Для удобства верстки можно подключить и использовать плагин EMMET или подобный.
Создаем пустой файла index.css, подключаем в index.html
link rel="stylesheet" type="text/css" href="index.css"
Зададим общие стили в index.css, их можно задать по своему усмотрению.
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: Roboto, Sans-serif;
}
Добавим "Hello, SPA!" в div.
Обновим страницу в браузере