Nano Hash - криптовалюты, майнинг, программирование

Как установить локальный веб-сервер в Visual Studio Code

Я новичок в коде VS и работаю в typescript. Просто я пытаюсь установить путь к локальному серверу, чтобы открыть мой HTML-файл. Как это установить, и когда я пытался установить, всегда получаю сообщение об ошибке. Я не могу использовать эту команду (установка NPM) и (запуск NPM) в терминале. Если я использую эту команду, я получаю сообщение об ошибке. Любая проблема с прокси? Как решить эту проблему в коде VS?

Структура папки:

TsDemo--folder name

.vscode
   ->launch.json
   ->tasks.json
out
    ->app.js
    ->app.js.map

app.ts
index.html 
tsconfig.json

я перешел по этой ссылке: https://blogs.msdn.microsoft.com/cdndevs/2016/01/24/visual-studio-code-and-local-web-server/, но не работает. Если я использую эту команду: D:\TsDemo>NPM install

        D:\TsDemo>npm install
        npm ERR! code ETIMEDOUT
        npm ERR! errno ETIMEDOUT
        npm ERR! network request to https://registry.npmjs.org/lite-server failed, reason: connect ETIMEDOUT 10.232.192.45:8080
        npm ERR! network This is a problem related to network connectivity.
        npm ERR! network In most cases you are behind a proxy or have bad network settings.
        npm ERR! network
        npm ERR! network If you are behind a proxy, please make sure that the
        npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

        npm ERR! A complete log of this run can be found in:
        npm ERR!     C:\Users\AppData\Roaming\npm-cache\_logs\2017-12-20T14_16_49_680Z-debug.log

Если я использую эту команду: D:\TsDemo>NPM start

        D:\TsDemo>npm start
        >[email protected] start D:\TsDemo
        > npm run lite

        npm WARN invalid config loglevel="notice"

        > [email protected] lite D:\TsDemo

        >lite-server --port 10001

        'lite-server' is not recognized as an internal or external command,
        operable program or batch file.
        npm ERR! code ELIFECYCLE
        npm ERR! errno 1
        npm ERR! [email protected] lite: `lite-server --port 10001`
        npm ERR! Exit status 1
        npm ERR!
        npm ERR! Failed at the [email protected] lite script.
        npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
        npm WARN Local package.json exists, but node_modules missing, did you mean to install?


        npm ERR! A complete log of this run can be found in:
        npm ERR!     C:\Users\411732\AppData\Roaming\npm-cache\_logs\2017-12-20T14_07_41_636Z-debug.log
        npm ERR! code ELIFECYCLE
        npm ERR! errno 1
        npm ERR! [email protected] start: `npm run lite`
        npm ERR! Exit status 1
        npm ERR!
        npm ERR! Failed at the [email protected] start script.
        npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
        npm WARN Local package.json exists, but node_modules missing, did you mean to install?

        npm ERR! A complete log of this run can be found in:
        npm ERR!     C:\Users\AppData\Roaming\npm-cache\_logs\2017-12-20T14_07_41_694Z-debug.log    

Ответы:


1

Просто используйте расширение Live Server. Установите его напрямую из VS Code, и все будет в порядке. После этого в нижней части редактора появится ссылка для автоматического запуска и запуска сервера, а также для немедленного просмотра HTML-кода.

Также проверьте: live-server-web-extension и Текущий сервер

21.12.2017
  • По-видимому, нет, если вы используете расширение Remote SSH — по умолчанию для многих современных разработчиков. Я хочу установить точки останова в VSC, открыть URL-адрес в браузере и приостановить выполнение В VSC в точке останова. LiveServer этого не делает, по крайней мере, без не упомянутой конфигурации. 29.10.2020
  • Это очень помогает! Спасибо! 13.11.2020
  • Обратите внимание, что на сегодняшний день он не обновлялся в течение 2 лет и имеет сотни проблем в Github. Я просто удалил его из-за некоторых особенностей политики безопасности контента, не уверен, что это все еще хорошо в 2021 году. 03.02.2021
  • @MichaelJess: Политики безопасности контента, безусловно, связаны с вашими настройками. Приложение по-прежнему является отличным и полезным вариантом для интегрированного Live Server для Studio Code. https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&ssr=false#review-details 04.02.2021
  • @k.vincent Это была комбинация старого живого сервера и такого же старого шаблона проекта, хотя я должен сказать, что понятия не имею, как обычная HTML-страница может вызвать такое поведение. В любом случае, моя рекомендация заключается в том, что лучше всего искать инструменты в хорошем состоянии, и это не один из них. За меня это сделал современный шаблон с сервером разработки CLI. 22.02.2021
  • @MichaelJess Хотите опубликовать ответ? 07.03.2021
  • @ ZX9 ZX9 Вы имеете в виду в дополнение к комментарию выше? Я не считаю, что то, что я сделал, общеприменимо. Я привык работать с серверами разработки, работающими из CLI, и это то, что в наши дни обычно включается в инструменты разработки. В моем случае проблема исчезла, когда я использовал Vue CLI, а не пытался разместить приложение Vue через этот плагин VSCode. 17.03.2021
  • Live Server великолепен, но если вам нужен HTTPS во время тестирования и разработки, будьте осторожны, он не всегда работает. 26.04.2021
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..