node.js - 在 Visual Studio Code 中运行 Node http 服务器的步骤

Question

我一直在到处尝试和搜索。除了教程中的错误和模糊步骤之外什么也没得到，以使其正常工作。

如果您知道 Visual Studio 代码中运行 Windows Node http 服务器的步骤(不是调试 Node 文件)，请指导我或告诉我是否遗漏了某些内容。

Answer 1

<强>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-server(在 package.json 中定义)，这是一个静态服务器，它在默认浏览器中加载 index.html 并在应用程序文件更改时自动刷新它。

<强>5。启动本地网络服务器!

(假设您的项目文件夹中有一个index.html文件)。

在同一个终端窗口(Windows 中的命令提示符)中运行以下命令:

npm start

稍等一下，index.html 就会加载并显示在本地 Web 服务器提供的默认浏览器中!

lite-server 正在监视您的文件，并在您对任何 html、js 或 css 文件进行更改时刷新页面。

如果您将 VS Code 配置为自动保存(菜单"file"/“自动保存”)，您会在键入时在浏览器中看到更改!

注释:

在完成当天应用程序中的编码之前，请勿关闭命令行提示符它打开于 http://localhost:10001但您可以通过编辑 package.json 文件来更改端口。

资源:https://blogs.msdn.microsoft.com/cdndevs/2016/01/24/visual-studio-code-and-local-web-server/