Home > Web Front-end > JS Tutorial > Quickly guide you to set up and configure the Node.js environment

Quickly guide you to set up and configure the Node.js environment

青灯夜游
Release: 2021-11-04 19:14:32
forward
2066 people have browsed it

This article will show you how to build a Node.js environment in five minutes. I hope it will be helpful to everyone!

Quickly guide you to set up and configure the Node.js environment

1. Download the Node.js image file

Attached is the download address: Node.js official website

Use windows64 here For example, students with other operating systems please go to

1, click downloads, and then download different versions of files as needed

It is recommended to use the installer here Installation files, for example, for Windows 64-bit users, it is recommended to use the file pointed by the arrow in the picture below. Click to download. Tip: Downloading from the official website will be very slow. . . . .

Quickly guide you to set up and configure the Node.js environment

[Recommended learning: "nodejs Tutorial"]

2. Install Node.js

2. Find the downloaded .msi file

Quickly guide you to set up and configure the Node.js environment

2. Click to run, and then follow the steps below(Nanny level, if you can’t understand it, there’s nothing I can do)

Quickly guide you to set up and configure the Node.js environment

Quickly guide you to set up and configure the Node.js environment

Quickly guide you to set up and configure the Node.js environment

Quickly guide you to set up and configure the Node.js environment

Quickly guide you to set up and configure the Node.js environment

Then just wait quietly for the installation~~~~

Judge whether the Node.js installation is normal

1, Open In the terminal, type node -v

. If the version number displayed is the same as the version number you downloaded, congratulations, the installation is successful!

Quickly guide you to set up and configure the Node.js environment

2. After typing node, you can enter the node terminal environment to write simple programs

For example:

Quickly guide you to set up and configure the Node.js environment

Judge whether npm is normal

Explain, When installing Node.js, the npm component is also downloaded

Open the terminal and type npm -v

If the version number appears, npm is normal

Quickly guide you to set up and configure the Node.js environment

Start setting up the environment

1, Open the terminal and type the following command:

npm config set registry https://registry.npm.taobao.org
Copy after login

Quickly guide you to set up and configure the Node.js environment

2, Type Enter the following command:

npm install -g @vue/cli
Copy after login

Quickly guide you to set up and configure the Node.js environment

3, Enter the following command:

npm install -g webpack
Copy after login

Quickly guide you to set up and configure the Node.js environment
4 , Type the following command:

vue -V
Copy after login

This step is a verification step. If the version number appears, it means it is normal

Quickly guide you to set up and configure the Node.js environment
5. Type Enter the following command:

vue ui
Copy after login

Quickly guide you to set up and configure the Node.js environment

Then the webpage created by the vue project will automatically pop up

Quickly guide you to set up and configure the Node.js environment

6, Click to create

Quickly guide you to set up and configure the Node.js environment

7, Configure project

Quickly guide you to set up and configure the Node.js environment

Quickly guide you to set up and configure the Node.js environment

After creation, just open the folder where you created the project directly in HBuilder X~

For more programming-related knowledge, please visit: Introduction to Programming! !

The above is the detailed content of Quickly guide you to set up and configure the Node.js environment. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:csdn.net
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