在 Visual Studio 代码中运行节点 http 服务器的步骤

Question

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

如果您知道在 Visual Studio 代码中运行 Windows 节点 http 服务器（不是调试节点文件）的步骤，请指导我或告诉我我是否遗漏了什么。

Answer 1

1. 安装 Node.js

如果尚未安装，请在此处获取：https : //docs.npmjs.com/getting-started/installing-node

它带有 npm（用于获取和管理开发库的包管理器）

2.为您的项目创建一个新文件夹

在驱动器中的某个位置，为您的 Web 应用程序创建一个新文件夹。

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.启动本地web服务器！

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

在同一个终端窗口（Windows 中的命令提示符）中运行以下命令：

npm start

稍等片刻，index.html 已加载并显示在由本地 Web 服务器提供的默认浏览器中！

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

如果您将 VS Code 配置为自动保存（菜单文件/自动保存），您会在键入时在浏览器中看到更改！

笔记：

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

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