mac创建vue2项目

### 创建 Vue 2 项目

#### 安装 Homebrew 和 Node.js
为了在 Mac 上创建 Vue 2 项目，首先需要安装 Homebrew 来简化软件包管理。Homebrew 是 macOS 的包管理系统，可以帮助轻松安装各种工具。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

接着，利用 Homebrew 安装最新版本的 Node.js：

brew install node

这一步确保了开发环境中有必要的 JavaScript 运行时支持[^4]。

#### 安装 Vue CLI
有了 Node.js 后，可以通过 npm (Node Package Manager) 安装 Vue CLI 工具，这是官方推荐的方式用于快速搭建 Vue 应用程序框架。

npm install -g @vue/cli

此命令全局安装了 `@vue/cli`，使得可以在任何地方运行 `vue` 命令来初始化新项目[^1]。

#### 初始化 Vue 2.x 版本的新项目
当一切准备就绪之后，在终端中导航到想要放置项目的目录并执行以下指令启动交互式的向导流程：

cd ~/Documents/Vue-Projects/
vue create my-vue-app --default

这里选择了默认设置(`--default`)以避免复杂的配置选择过程；如果希望自定义配置，则省略该参数，并按照提示逐步完成配置。值得注意的是，对于特定于 Vue 2 的需求，应该手动挑选合适的预设或插件组合[^2]。

#### 修改 package.json 文件指定 Vue 版本
由于当前最新的 Vue CLI 默认可能指向较新的 Vue 版本（如 Vue 3），因此需编辑刚生成的项目的根目录下的 `package.json` 文件中的依赖部分，将 `"vue": "^2.6.14"` 添加进去，从而锁定使用 Vue 2.x 版本。

{
  "dependencies": {
    "vue": "^2.6.14"
  }
}

保存更改后回到终端更新依赖关系:

npm install

这样便成功地基于 Vue 2 构建了一个全新的应用程序实例。

#### 测试应用是否正常工作
最后验证新建的应用能否顺利编译和运行。进入项目文件夹并通过下面这条命令开启本地服务器查看效果：

npm run serve

浏览器访问 http://localhost:8080 即可看到正在工作的 Vue 2 应用界面。