如何在Visual Studio代码中设置本地Web服务器

Question

我是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安装

        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启动

        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    

Answer 1

只需使用Live Server Extension。直接从VS Code安装它，你会没事的。然后，您将在编辑器底部有一个链接，以自动启动和运行服务器，并立即查看您的HTML。

还要检查：live-server-web-extension和Live Server