在 visual studio 代码中运行节点 http 服务器的步骤

Question

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

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

Answer 1

1.安装 Node.js

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

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

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

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

3。添加一个package.json文件到项目文件夹

然后copy/paste以下文字：

{ 
   "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。安装网络服务器

在终端 window（Windows 中的命令提示符）中打开您的项目文件夹，运行此命令：

npm install

这将安装 lite-server（在 package.json 中定义），这是一个在您的默认浏览器中加载 index.html 并在应用程序文件更改时自动刷新的静态服务器。

5.启动本地网络服务器！

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

在同一终端中 window（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/

在 visual studio 代码中运行节点 http 服务器的步骤

Steps to run node http server in visual studio code

connect

node.js

在 visual studio 代码中 运行 节点 http 服务器的步骤

Steps to run node http server in visual studio code

connect

node.js

在 visual studio 代码中运行节点 http 服务器的步骤