个人vue开发搭建项目

1、node如何下载

方法 1：使用 Node Version Manager (nvm) 安装

nvm 是管理 Node.js 版本的工具，非常方便。

步骤：

1. 检查是否已安装 nvm 在终端运行以下命令，检查是否已安装 nvm：

   bash
   复制编辑
   nvm --version
   

   如果返回版本号，说明已安装；否则，继续下一步安装 nvm。

2. 安装 nvm 如果未安装 nvm，运行以下命令安装：

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

   安装

2、nvm如何配置环境变量

步骤 1：确认 nvm 安装路径

运行以下命令，查看是否存在 nvm 的安装文件：

bash
复制编辑
ls -la ~/.nvm

如果该目录存在，则说明 nvm 已正确安装。

---

步骤 2：检查 Shell 配置文件

确保 nvm 的初始化脚本被正确加载到你的 Shell 配置文件中。

检查你使用的 Shell 类型：

运行以下命令：

bash
复制编辑
echo $SHELL

• 如果返回 /bin/zsh，说明你使用的是 Zsh（默认的 macOS Shell）。
• 如果返回 /bin/bash，说明你使用的是 Bash。

打开对应的配置文件：

• Zsh 用户：编辑 ~/.zshrc
• Bash 用户：编辑 ~/.bashrc

使用以下命令打开配置文件：

bash
复制编辑
nano ~/.zshrc   # 如果你使用 Zsh
nano ~/.bashrc  # 如果你使用 Bash

在文件末尾添加以下内容：

bash
复制编辑
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # 加载 nvm
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion" # 加载 nvm 补全功能

保存并退出后，重新加载配置文件：

bash
复制编辑
source ~/.zshrc   # Zsh 用户
source ~/.bashrc  # Bash 用户

步骤 3：验证 nvm 是否生效

运行以下命令，确认 nvm 是否可用：

bash
复制编辑
nvm --version

如果返回版本号，说明 nvm 已正确配置。

---

步骤 4：安装 Node.js v16.14.2

使用以下命令安装指定版本的 Node.js：

bash
复制编辑
nvm install 16.14.2

然后设置默认使用该版本：

bash
复制编辑
nvm alias default 16.14.2

验证安装结果：

bash
复制编辑
node -v

你应该看到 v16.14.2。

3、如何下载对应环境的create-vue

方法 2：使用旧版本的 create-vue

如果你需要继续使用 Node.js 16.x，可以安装与其兼容的旧版本的 create-vue：

1. 查看兼容的 create-vue 版本：

   bash
   复制编辑
   npm view create-vue versions
   

2. 安装较早版本（如 3.8.0，支持 Node.js 16）：

   bash
   复制编辑
   npx create-vue@3.8.0 zhenxuan1 --default
   

4、如何新建项目的vue，使之运行 create-vue --version

5、npm install下载依赖 webstorm工具会在右下角生成一个提示，npm install，帮助你进行下载

6、下载完成package.json点击运行即可访问