使用vue-cli创建vue项目

Vue CLI（Vue命令行界面）是一个用于快速初始化、构建和管理Vue.js项目的脚手架工具，它基于Webpack构建系统。以下是使用Vue CLI创建新Vue项目的基本步骤：

1. **安装Node.js**：首先确保你的计算机上已安装Node.js，因为Vue CLI需要Node环境运行。

2. **全局安装Vue CLI**：打开终端（Mac/Linux）或命令提示符（Windows），运行`npm install -g @vue/cli` 来全局安装Vue CLI。

3. **创建项目**：在终端中，导航到你想存放项目的位置，然后输入 `vue create projectName`（将`projectName`替换为你想要的项目名称）。这会引导你选择一些配置选项，如框架核心库（默认是Vue 3）、路由、CSS预处理器等。

4. **进入项目目录**：创建完成后，通过`cd projectName`进入新生成的项目文件夹。

5. **启动开发服务器**：在项目目录下，运行 `npm run serve` 或者 `yarn serve`，这将在本地提供一个开发服务器，允许你在浏览器中查看和调试你的应用。

6. **开始开发**：现在你可以编辑src下的代码并实时看到变化，Vue CLI已经自动配置好了热加载功能。