前端快速环境搭建：nodejs及vue2安装

参考：nvm(管理Node版本)、nrm(管理镜像源) 详解-CSDN博客

nodejs安装

nvm(安装nodejs、npm)、npm（安装nrm）

• nvm 是 Node.js 版本管理器，用于在同一台机器上安装和切换不同版本的 Node.js。
  • nvm将安装nodejs和其配套的npm

• npm 是 Node.js 的包管理器，用于管理项目依赖和运行脚本。
  • npm可以安装nrm、vue。
  • nrm 是 npm 镜像源管理工具，用于快速切换 npm 的镜像源，提高包下载速度和稳定性。

Vue2安装

在 Vue 2 中进行安装通常涉及几个步骤，主要是通过 npm（Node Package Manager）或 yarn 来安装 Vue 和其他依赖库。下面是详细的步骤：

1. 确保 Node.js 和 npm/yarn 已安装

首先，你需要确保你的计算机上已经安装了 Node.js。Node.js 通常会附带 npm，或者你也可以选择使用 yarn 作为包管理器。你可以通过在终端或命令提示符中运行以下命令来检查它们是否已安装：

node -v

npm -v

# 或者

yarn -v

如果这些命令返回了版本号，那么你已经安装了 Node.js、npm 或 yarn。如果没有，你需要先从 Node.js 官网下载并安装。

2. 创建一个新的 Vue 项目（使用 Vue CLI）

Vue CLI 是官方提供的标准工具，用于快速生成和管理 Vue.js 项目。你可以通过 npm 或 yarn 来安装 Vue CLI。

使用 npm:

npm install -g @vue/cli

# 或者创建一个新项目

vue create my-project

使用 yarn:

yarn global add @vue/cli

# 或者创建一个新项目

vue create my-project

3. 进入项目目录并安装 Vue

创建项目后，进入项目目录，然后使用 npm 或 yarn 来安装 Vue（通常 Vue CLI 会自动处理 Vue 的安装）。

cd my-project

npm install

# 或者使用 yarn

yarn install

4. 启动项目

完成依赖安装后，你可以使用以下命令来启动你的 Vue 项目：

npm run serve

# 或者使用 yarn

yarn serve

这将会启动一个开发服务器，通常在浏览器中打开 http://localhost:8080 就可以看到你的 Vue 应用了。

5. 添加其他依赖库（可选）

Vue 项目可能还需要其他库或框架，如 Vue Router 和 Vuex。你可以使用 npm 或 yarn 来安装这些依赖：

安装 Vue Router:

npm install vue-router

# 或者使用 yarn

yarn add vue-router

安装 Vuex:

npm install vuex

# 或者使用 yarn

yarn add vuex

确保在你的项目中正确配置这些库。例如，对于 Vue Router，你需要在你的主入口文件（通常是 main.js 或 main.ts）中配置它。

通过以上步骤，你应该能够成功地在 Vue 2 中设置并运行一个项目。如果你遇到任何问题，确保检查 Node.js 和 npm/yarn 的版本，以及 Vue CLI 和其他依赖库的版本是否兼容。