Setting Environment

About 1 min

This tutorial will guide you on how to set up a VuePress runtime environment.

Node.js

Node.js®open in new window is a JavaScript runtime built on Chrome's V8 JavaScript engineopen in new window.

You need to download and install the latest long-term maintenance release on your computer.

Download Node.js LTS

Download linkopen in new window.

Note

In the opened page, click the green button on the left to complete the download.

Install Node.js LTS

During the installation process, keep all the default settings and go all the way to the next step.

Note

If you are a real novice, please do not change the default installation directory.

Node.js itself will only take up a few dozen megabytes of space!

Editor

You need an editor to edit your project, and we recommend using VSCode to write and run your VuePress projects.

Download VSCode

Download linkopen in new window

Tips

Please click the blue button on the left to complete the download.

Install VSCode

  1. Double-click the installation package to open

  2. Agree to the User Agreement.

  3. In the installation options, be sure to select all the following options:

    Tick Add to directory context menu, Add to file context menu, Register code as a supported file editor, Add to path.

  4. After the initial startup of VS Code, if Git is not installed in advance, it may prompt that the Git software is not found, just ignore it.

Pnpm

After you install Node.js, please install pnpmopen in new window.

Tips

We recommend that you use pnpm to manage your project, because VuePress and VuePress Theme Hope both use pnpm to manage dependencies.

Some features of pnpm ensure that you have the correct dependencies.

Install Pnpm

Install pnpm by entering the following command in the terminal:

corepack enable
corepack prepare pnpm@7.2.1 --activate
Loading...