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

Question

我一直在到处尝试和搜索。除了错误和教程中模糊的步骤之外什么也没找到。

如果您知道在 Visual Studio 代码中运行 node http server for windows（不是调试 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 配置为自动保存（菜单文件/自动保存），您会在键入时在浏览器中看到更改！

注意事项：

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

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