安装nvm并配置全局Node环境及安装Vue CLI

Node Version Manager(nvm)是一个用于管理Node.js版本的工具,它允许用户在不同的Node.js版本之间轻松切换。此外,通过nvm,你可以轻松安装和卸载Node.js。本文将详细介绍如何在系统中安装nvm,并配置全局Node环境以及安装Vue CLI。

一、安装nvm

1. 基础准备

在开始之前,你需要确保你的计算机上已经安装了curlwget,这样才能下载nvm。如果你没有这些工具,你可以使用下面的命令进行安装:

对于Debian/Ubuntu系统,可以使用以下命令安装:

sudo apt update
sudo apt install curl

对于CentOS系统,可以使用:

sudo yum install curl

2. 安装nvm

使用curl命令来下载并安装nvm:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

安装完成后,执行以下命令使nvm在当前终端有效:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

你可以将上面的命令添加到你的~/.bashrc或者~/.zshrc文件中,这样每次打开终端时都会自动加载nvm。

3. 验证安装

现在,你可以运行以下命令来验证nvm是否安装成功:

nvm --version

如果你看到nvm的版本号,说明安装成功。

二、安装Node.js

使用nvm安装Node.js非常简单。你可以通过以下命令查看可安装的Node.js版本:

nvm list-remote

选择一个你需要安装的Node.js版本,然后使用命令安装,例如安装最新的LTS版本:

nvm install --lts

安装完成后,可以运行以下命令查看当前使用的Node版本:

node -v

三、配置全局Node环境

安装Node.js后,通常在系统中需要进行一些配置,以确保全局的Node环境可以正常使用。这些配置通常涉及npm(Node.js包管理器)。

  1. 全局安装路径

可以通过以下命令查看npm的默认全局安装路径:

npm config get prefix

如果你希望更改全局安装路径,可以使用以下命令:

npm config set prefix ~/.npm-global

然后,将新路径加入到你的环境变量中。在~/.bashrc~/.zshrc文件中添加以下内容:

export PATH=~/.npm-global/bin:$PATH

执行以下命令使修改生效:

source ~/.bashrc
# 或者 source ~/.zshrc
  1. 安装Vue CLI

现在,你可以全局安装Vue CLI了,运行这个命令进行安装:

npm install -g @vue/cli

安装完成后,你可以通过以下命令检查Vue CLI是否安装成功:

vue --version

四、创建Vue项目

安装完Vue CLI后,你可以使用它来创建一个新的Vue项目。运行以下命令:

vue create my-project

这里my-project是你项目的名称。Vue CLI会询问你一些关于配置项目的问题,你可以根据需要选择默认配置或手动配置。

创建完成后,进入项目目录并启动开发服务器:

cd my-project
npm run serve

浏览器会自动打开,地址通常是http://localhost:8080/,你可以在这里查看你的Vue项目。

总结

本文介绍了如何安装nvm、配置Node.js和npm以及使用Vue CLI创建Vue项目。通过这些步骤,你可以很方便地管理Node.js的版本,并开始开发你的前端应用程序。希望这篇教程能帮助到你!

点赞(0) 打赏

微信小程序

微信扫一扫体验

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部