Я использую последнюю версию 5.6.1, созданную Ритвиком Дей в VS Code
Powershell - моя оболочка по умолчанию - Windows 10
Я не знаю, как использовать настройки, чтобы заставить работающий сервер обновлять изменения, которые я помещаю в файлы HTML / CSS / JS, без использования настройки по умолчанию для liveServer.settings.host (по умолчанию 12.0.0.1) поскольку это единственная версия, которая отображает изменения в моем коде.
Проблема в том, что когда он установлен по умолчанию, и я нажимаю кнопку GoLive, единственная страница, которая будет отображаться, - это файл, открытый в редакторе VSCode, и если это не HTML-страница, она обычно ничего не отображает. Если я добавлю тег стиля в тег, он обновит изменения и отобразит их на странице.
Когда я устанавливаю порт на 5000 (это порт, с которым открывается Flask) в "liveServer.settings.port": 5000, и меняю значение по умолчанию с liveServer.settings.host на "liveServer.settings.host": "localhost" (я также устанавливаю корневой маршрут в настройках на /) страница откроется в корневом маршруте вместо любого файла, который я открыл в редакторе кода BUT I have to do a hard reload, чтобы браузер обнаружил изменения.
1) В чем разница между 12.0.0.1 и localhost в настройках хоста, и играет ли это принципиальную роль в браузере, который не обнаруживает каких-либо изменений, если для него установлено значение localhost?
2) Это потому, что я изменил порт, чтобы он соответствовал порту, на котором открывается фляжка, когда я запускаю файл server.py?
3) Это как-то связано с Python или компилятором, используемым для запуска страницы сервера?
4) Почему страница обнаруживает изменения с тегом Style внутри тега Head и использованием 12.0.0.1 в качестве настройки хоста? И почему он показывает путь к файлу в URL, когда он запускается таким образом? Как именно веб-страница обнаруживает изменения?
5) Нужно ли использовать расширение chrome и оставить порт по умолчанию на работающем сервере и просто изменить его на расширение для маршрутизации на порт, используемый моим сервером?
`{
"editor.multiCursorModifier": "ctrlCmd",
"editor.formatOnPaste": true,
"editor.cursorBlinking": "phase",
"window.zoomLevel": 0,
"breadcrumbs.enabled": true,
"editor.renderWhitespace": "all",
"files.autoSave": "afterDelay",
"editor.suggestSelection": "first",
"python.jediEnabled": true,
"python.linting.pylintEnabled": false,
"terminal.integrated.shell.windows":
"C:\\windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
"editor.fontSize": 20,
"editor.highlightActiveIndentGuide": false,
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.port": 5000,
"editor.wordWrap": "on",
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.root": "/",
"liveServer.settings.host": "localhost",
"liveServer.settings.donotShowInfoMsg": true,
"workbench.iconTheme": "file-icons",
"workbench.colorTheme": "Winter is Coming (Dark Blue - No Italics)"
}`
Это настройка JSON для редактора VSCode
`from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def main_page():
return render_template("index.html")
if __name__=="__main__":
app.run(debug=True)`
Страница моего основного сервера, на которой запущено приложение
`Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)`
это то, что cmd показывает, когда сервер работает без ошибок
Хотя он работает по умолчанию, он не плавный, и если в шаблоне присутствует Jinja2, он отображается по всей странице с HTML.
Он должен обнаруживать любые изменения, которые я делаю при включенном сервере, и по-прежнему работать при переходе на разные страницы. Я хочу иметь возможность переходить от страницы к странице, изменять значения CSS или добавлять некоторые jQuery без необходимости каждый раз выполнять полную перезагрузку для каждой страницы, над которой я работаю.