vue3项目搭建

// 创建 Vue 3 项目的示例代码

// 1. 首先确保你已经安装了 Node.js 和 npm
// 2. 安装 Vue CLI（如果尚未安装）
// 打开命令行工具并运行以下命令：
// npm install -g @vue/cli

// 3. 使用 Vue CLI 创建一个新的 Vue 3 项目
// 在命令行中运行以下命令：
// vue create my-vue3-project

// 这将启动一个交互式向导，你可以选择 Vue 3 作为默认的预设或手动选择功能。

// 4. 进入项目目录
// cd my-vue3-project

// 5. 安装依赖并启动开发服务器
// npm run serve

// 以下是创建 Vue 3 项目的简化版脚本，可以保存为 `create-vue3-project.sh` 并执行：

#!/bin/bash
# 检查是否已安装 Vue CLI
if ! command -v vue &> /dev/null
then
    echo "Vue CLI 未安装，正在安装..."
    npm install -g @vue/cli
fi

# 创建新的 Vue 3 项目
echo "创建新的 Vue 3 项目..."
vue create my-vue3-project

# 进入项目目录
cd my-vue3-project

# 安装依赖并启动开发服务器
npm install
npm run serve

echo "Vue 3 项目已成功创建并启动！"

解释说明

1. 安装 Vue CLI：首先确保你已经安装了 Vue CLI。如果没有安装，可以通过 npm install -g @vue/cli 来全局安装。
2. 创建项目：使用 vue create 命令来创建一个新的 Vue 3 项目。这个命令会启动一个交互式向导，帮助你选择项目的配置。
3. 进入项目目录：使用 cd 命令进入新创建的项目目录。
4. 启动开发服务器：使用 npm run serve 启动开发服务器，这样你就可以在浏览器中查看和调试你的 Vue 3 应用了。

如果你需要更详细的配置选项，可以在创建项目时选择手动配置，并根据需要添加各种功能和插件。