使用开发服务器-yarn-选择哪种方法取决于你的项目阶段和需求
一、使用开发服务器
在Vue CLI创建的项目里，开发服务器是默认有的，启动它非常简单：
安装依赖：在项目根目录下运行 npm install 或 yarn，来安装项目需要的所有依赖包。
启动开发服务器：运行 npm run serve 或 yarn serve，这将启动一个本地开发服务器。
自动热重载：开发服务器支持热重载，这意味着你改了代码，浏览器会自动刷新。
二、使用生产构建
当你准备部署项目时，你可以使用Vue CLI的生产构建工具：
生成生产构建：在项目根目录下运行 npm run build 或 yarn build，这将生成一个优化过的生产构建。
使用HTTP服务器：你可以用任何HTTP服务器来提供这些静态文件，比如使用 http-server 包，通过 npm install -g http-server 安装，然后在构建目录下运行 http-server。
打开浏览器：默认情况下，构建文件可以通过本地服务器访问。
三、使用静态文件服务器
如果你不想用Node.js，也可以把生产构建的文件放在静态文件服务器上，比如Nginx、Apache或GitHub Pages：
Nginx：把构建后的文件放在Nginx的根目录，配置Nginx指向这些文件。
Apache：同理，把文件放在Apache的根目录，配置Apache指向这些文件。
GitHub Pages：把文件推送到GitHub仓库的特定分支，然后在仓库设置里启用GitHub Pages。
四、比较不同方法的优缺点
| 方法 | 优点 | 缺点 |
|---|---|---|
| 开发服务器 | 快速响应，自动热重载，适合开发过程 | 仅适用于本地开发，不适合生产环境 |
| 生产构建 | 生成优化后的静态文件，适合生产环境 | 需要额外的服务器配置 |
| 静态文件服务器 | 可以托管在任何静态服务器上，访问方便 | 需要配置服务器，可能需要额外的维护工作 |
五、实例说明
以下是一些具体的操作步骤实例：
使用开发服务器：
使用生产构建：
使用静态文件服务器（Nginx示例）：
六、总结和建议
开发服务器适合快速开发和调试，而生产构建和静态文件服务器则适合项目上线后。选择哪种方法取决于你的项目阶段和需求。