Home > Web Front-end > Front-end Q&A > How to set up a Node.js development environment in IDEA

How to set up a Node.js development environment in IDEA

PHPz
Release: 2023-04-05 10:51:15
Original
3570 people have browsed it

Node.js is a JavaScript running environment based on the Chrome V8 engine, which can run in the background or as an application. It can be used not only as a tool in web development, but also in various scenarios such as data storage and mobile applications. Today we will learn how to set up a Node.js development environment in IDEA.

1. Download and install Node.js

First, we need to go to the official website to download the Node.js installation package, the URL is: https://nodejs.org/zh-cn/download /. After the download is complete, we start the installation.

Follow the prompts to install step by step. If it is a Windows platform, double-click the installation package to open it, select the corresponding language and click Continue. Then the Node.js installation interface will appear, click Next, and then select the installation path. Next, check the Custom installation option and check the Add to Path option (add Node.js to the environment variables). Then keep clicking Next until the installation is completed.

2. Configure Node.js environment variables

In windows, we need to configure environment variables. Search for environment variables in your computer's search bar and click "Edit System Environment Variables." Find Path under "System Variables", then click Edit and add the installation path of Node.js to the variable value. Separate multiple paths with semicolons. Click OK to exit when finished.

3. Configure IDEA

To open IDEA, you first need to install the Node.js plug-in. Click the "Settings" button on the IDEA homepage to enter the settings page, enter "Node.js" in the search box, and then click to download and install.

Next, we need to create a Node.js project in IDEA. Open the IDEA homepage, click the Create New Project button, select the Node.js blue application icon, then click Next and fill in the project name and project path. During this process, IDEA will let you choose the version of Node.js. If you have installed Node.js in step 1, just select the Node.js version in your system. If it is not installed, you can choose to download Node.js here and follow the prompts to install it step by step.

After creating the Node.js project, we need to add dependencies to the project. In the project panel of IDEA, find the "package.json" file, double-click to open it, and edit the "dependencies" field in it to add the required dependencies. For example, if we want to install Express.js, add the following code under the "dependencies" field:

"dependencies": {
    "express": "^4.17.1",
}
Copy after login

Run the following command in the IDEA console to add the required dependencies to the Node.js project:

npm install
Copy after login

4. Start the project

Finally, we need to start the Node.js project. In the project panel of IDEA, find the "app.js" file (if you don't find it, you can create one in the project root directory), and then add some basic Express.js code to the code:

const express = require('express')
const app = express()

app.get('/', (req, res) => {
    res.send('Hello World!')
})

const port = process.env.PORT || 3000
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
})
Copy after login

We are now It just implements a simple Express.js program. When you access "http://localhost:3000" in the browser, you will see the words "Hello World!".

Finally, we enter the following command in the console to start the project:

npm start
Copy after login

After the project is started, we can visit http://localhost:3000 in the browser to view our project .

Summary

The above are the steps to build a Node.js development environment in IDEA. Hope this article can be helpful to beginners.

The above is the detailed content of How to set up a Node.js development environment in IDEA. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template