Skip to content

1111mp/nvm-desktop

Repository files navigation

Node Version Manager Desktop

nvm-desktop is a desktop application to manage multiple active Node.js versions. With this applications, you can quickly install and use different versions of Node.js.

Now you can set the Node.js version for your project individually.

The ability to intelligently identify the correct Node.js version is powered by nvmd-command. It’s a single, fast native executable, with no external dependencies, build with Rust.

English | 简体中文

Table of Contents

Screenshot

Screenshot 2024-02-02 at 23 17 57 Screenshot 2024-02-02 at 23 17 39

Maybe somethings you need to know

All the files related to nvm-desktop are located in the "$HOME/.nvmd/" directory:

  • "bin/"(floder) All the shims of the Node.js are stored. The path "$HOME/.nvmd/bin needs to be added to the environment variable of the system.

    macOS Windows
    nvmd nvmd.exe
    node node.exe
    npm npm.exe npm.cmd
    npx npx.exe npx.cmd
    corepack corepack.exe corepack.cmd
  • "versions/"(floder) It stores all downloaded Node.js version files, and the floder is usually named with the Node.js version number. For example: "$HOME/.nvmd/versions/21.2.0/".

  • "default"(file) The file contains the version number of the node that is set globally, for example: 21.2.0.

  • "migration"(file) Every time nvm-desktop is upgraded, it will control the execution of script code based on this file.

  • "setting.json"(file) It stores information about the nvm-desktop settings center, such as Theme, Language, Mirror Url, etc.

    {
      "locale": "en",
      "theme": "system",
      "closer": "minimize",
      "directory": "/Users/********/.nvmd/versions",
      "mirror": "https://nodejs.org/dist"
    }
  • "projects.json"(file) Saves all added projects.

    [
      {
        "name": "nvm-desktop",
        "path": "/Users/********/Documents/Electron/nvm-desktop",
        "version": "20.6.1",
        "active": true,
        "createAt": "2023-11-25T04:07:43.012Z",
        "updateAt": "2023-11-25T04:07:44.931Z"
      },
      {
        "name": "electron_client",
        "path": "/Users/********/Documents/projects/electron_client",
        "version": "20.6.1",
        "active": true,
        "createAt": "2023-11-25T04:07:35.172Z",
        "updateAt": "2023-11-25T04:07:37.234Z"
      }
    ]
  • "packages.json"(file) Information about the installation of the npm global package is saved. For more information, please check how-does-it-work.

  • "versions.json"(file) Cache details of all Node.js versions requested from "https://nodejs.org/dist"(default).

    [
      {
        "version": "v21.2.0",
        "date": "2023-11-14",
        "files": [
          "aix-ppc64",
          "headers",
          "linux-arm64",
          "linux-armv7l",
          "linux-ppc64le",
          "linux-s390x",
          "linux-x64",
          "osx-arm64-tar",
          "osx-x64-pkg",
          "osx-x64-tar",
          "src",
          "win-arm64-7z",
          "win-arm64-zip",
          "win-x64-7z",
          "win-x64-exe",
          "win-x64-msi",
          "win-x64-zip",
          "win-x86-7z",
          "win-x86-exe",
          "win-x86-msi",
          "win-x86-zip"
        ],
        "npm": "10.2.3",
        "v8": "11.8.172.17",
        "uv": "1.46.0",
        "zlib": "1.2.13.1-motley",
        "openssl": "3.0.12+quic",
        "modules": "120",
        "lts": false,
        "security": false
      },
    ]

Command tools intro

You can also manage all versions of Node.js directly from the command line. The nvmd does not provide the Node.js download and installation functions. If you need to download and install a new version of Node.js, you should open the nvm-desktop application.

nvmd allows you to quickly manage different versions of Node.js via the command line.

$ nvmd use 18.17.1
Now using Node.js v18.17.1
$ Node.js -v
v18.17.1
$ nvmd use v20.5.1 --project
Now using Node.js v20.5.1
$ Node.js -v
v20.5.1
$ nvmd ls
v20.6.1
v20.5.1 (currently)
v18.17.1
$ nvmd current
v20.5.1

nvmd --help:

$ nvmd --help
nvmd (2.2.0)
command tools for nvm-desktop

Usage: nvmd [COMMAND]

Commands:
  current  Get the currently used version
  list     List the all installed versions of Node.js
  ls       List the all installed versions of Node.js
  use      Use the installed version of Node.js (default is global)
  which    Get the path to the executable to where Node.js was installed
  help     Print this message or the help of the given subcommand(s)

Options:
  -h, --help     Print help
  -V, --version  Print version

Please download new version of Node.js in nvm-desktop.

After you switch the Node version through the nvmd use command line, please click the refresh button to let nvm-desktop synchronize the latest data.

For more details, please check document: command-tools-intro .

Install

Download

You can download the source code and build it yourself, or download the built version from following links:

The automatic update function of the application is currently only supported on the Windows platform. If you are a macOS user please always check the latest version for the best experience.

Uninstall

macOS Uninstall

  • Uninstall nvm-desktop application

  • rm -rf ~/.nvmd

  • Remove the two lines about nvmd from the shell configuration file:

    export NVMD_DIR="$HOME/.nvmd"
    export PATH="$NVMD_DIR/bin:$PATH"

    The default file might be:

    • .zshrc
    • .bashrc
    • .bash_profile
    • .profile

Windows Uninstall

  • Uninstall nvm-desktop application
  • Remove %HOMEPATH%\.nvmd folder
  • Remove environment variables from your system: %HOMEPATH%\.nvmd\bin

Develop and Build

nvm-desktop relies on nvmd-command to provide intelligent identification of the correct Node engine service, so you need to build an executable file locally. How to build the executable for nvm-desktop please check this document: build-nvmd-command.

  • First, Build an executable for nvm-desktop.
  • Copy the executable to this directory of nvm-desktop:
    • macOS "./assets/sources/nvmd"
    • Windows "./assets/sources/{arch}.exe", example: "./assets/sources/x64.exe" & "./assets/sources/arm64.exe"
  • On Windows platform, you also need to add an additional script file named temp.cmd in the ./assets/sources/temp.cmd directory. The content of the temp.cmd file is:
@echo off
"%~dpn0.exe" %*

Then you can start running and building nvm-desktop locally.

Development

  • Make sure your computer has Node.js installed
  • Change to the folder ./, run npm install or yarn install to install dependented libraries

There are two ways to start the development server:

  • run npm run start or yarn start
  • F5 one-button start (debug mode)

Build and Package

  • It is recommended to use electron-builder for packaging
  • Go to the ./ folder
  • Run npm run package or yarn run package, if everything goes well, the packaged files will be in the ./release/build folder.

Please check .yarnrc file for the correct mirror address of the installation dependencies

Automated Test

  1. First you should build the binary startup files for testing via npm run package:test or yarn package:test
  2. Then run npm run test or yarn test to start automated testing

Automated testing framework: WebdriverIO

About the Electron Testing can view documents: wdio-electron-service

Managing your project

Now you can choose different Node versions individually for your projects and no need for any other dependencies and extra work.

This feature is enabled by nvmd-command support.

For more details, please check the nvmd-command project.

image

A file will be added to the root of the project: .nvmdrc, the content is the version number of Node you choose. nvm-desktop detects this file to identify the Node version for your project.

If you are using VS Code and launch your project with Debug, then you should set outputCapture to std to see more log information in the launch.json file:

{
  // ...

  "outputCapture": "std"
},

Features

  • Supports setting the Node engine version separately for the project.
  • Command tools for manage the version of Node.
  • Support English & Simplified Chinese
  • Support for custom download mirrors (default is https://nodejs.org/dist)
  • Support automatic update on Windows.
  • Complete automated testing.

MacOS issues

Because there is no Apple developer account, automatic updates cannot be used on the macOS platform. Please always check the latest version for the best experience.

"File/App is damaged and cannot be opened. You should move it to Trash."

Fix 'File/App is damaged and cannot be opened' on Mac

It is a Mac error that can occur to various macOS versions, such as macOS Ventura/Monterey/Big Sur/Catalina, especially on M1 Macs. It usually happens on apps or files downloaded from the web, but it can also arise when opening apps downloaded from App Store.

To fix "File/App is damaged and can't be opened" on Ventura or other macOS versions, you need to decide whether you want to keep the offending file or app.

If you are experiencing "App is damaged and cannot be opened" on macOS Ventura, do the following steps to fix it:

  1. Open the Apple menu > System Settings.
  2. Select Privacy & Security > Developer Tools.
  3. Click the ( + ) button and navigate to the folder where the damaged app resides. WeChat68ceaf51af50a705d1cf9536d07cd2d3
  4. Select the app and click Open.

If you are encountering "Application is damaged and cannot be opened" on Big Sur/Monterey/Catalina when opening an app, try these steps:

  1. Open the Apple menu > System Preferences.
  2. Select Security & Privacy.
  3. Tap the yellow lock and enter your password to unlock the preference pane.
  4. Click "Open Anyway." image

Temporarily disable Gatekeeper

Since the "App/File is damaged and cannot be opened" error is sent by Mac's security measures, you can temporarily turn off Gatekeeper to fix it. But it's recommended to re-enable it after using the software to protect your Mac.

Here's how to open damaged apps on Mac:

  1. Launch Terminal from the Applications folder.
  2. Copy and paste the following command into Terminal and hit Enter.
    sudo spctl –master-disable
    
  3. Enter your admin password and hit Enter. (The password won't appear on the screen.)
  4. Check the status of Gatekeeper by typing in the following command and pressing Enter.
spctl --status
  1. Open the damaged app.

If you want to enable Gatekeeper again, you can repeat the above process but replace the command in step 2 with sudo spctl –master-enable.

Remove the extended attributes of the damaged file or app

Another way to fix "App/File is damaged and cannot be opened" on M1 or Intel Mac is to remove the quarantine attributes signed to the file or app you are having issue opening.

  1. Open Terminal from the Applications folder.
  2. Type in the following command and hit Enter.
xattr -d com.apple.quarantine file_path

To execute this command, first copy and paste xattr -d com.apple.quarantine to Terminal, then drag and drop the file or app to Terminal and hit Enter. WeChatae77aab16d6d535b0b106128de0736f3