📜  如何在 VS 代码编辑器中创建和运行 Node.js 项目?

📅  最后修改于: 2022-05-13 01:56:54.065000             🧑  作者: Mango

如何在 VS 代码编辑器中创建和运行 Node.js 项目?

以下是一些简单的步骤,以便创建一个简单的 NodeJS 项目并在 VS Code 编辑器中运行它。

第 1 步:创建一个空文件夹并将其从 VS Code 编辑器移至该文件夹,使用以下命令。

mkdir demo
cd demo
code .

第 2 步:现在在您的文件夹中创建一个文件app.js文件,如下所示。

第 3 步:安装模块:使用以下命令安装模块。

npm install express
npm install nodemon

第 4 步:分别在package.json文件中添加这两个命令,这两个命令对于在 Node.js 应用程序中进行更改后的运行和动态运行代码很重要。

"start": "node app.js",
"dev": "nodemon app.js"

package.json 文件的配置:

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node app.js",
    "dev": "nodemon app.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "nodemon": "^2.0.12"
  }
}

第5步:以下将是我们的项目结构:

第 6 步:app.js文件中写下以下代码。

Javascript
// Requiring module
const express = require('express');
 
// Creating express object
const app = express();
 
// Handling GET request
app.get('/', (req, res) => {
    res.send('A simple Node App is '
        + 'running on this server')
    res.end()
})
 
// Port Number
const PORT = process.env.PORT ||5000;
 
// Server Setup
app.listen(PORT,console.log(
  `Server started on port ${PORT}`));


第 7 步:使用以下命令运行应用程序:

npm run dev

输出:

第 8 步:现在在浏览器中访问http://localhost:5000/ ,您将看到以下输出: