在 Vue.js 3 中,使用 Vue CLI 是一种常见的创建项目的方式。Vue CLI 提供了现代化的开发工作流,包括项目初始化、本地开发服务器、打包等功能。以下是使用 Vue CLI 创建 Vue.js 3 项目的基本步骤:

步骤 1: 安装 Vue CLI

确保你的系统中已经安装了 Node.js 和 npm。然后,在命令行中运行以下命令全局安装 Vue CLI:
npm install -g @vue/cli

步骤 2: 创建新项目

运行以下命令创建一个新的 Vue 3 项目:
vue create my-vue3-app

这里的 my-vue3-app 是你的项目名称,你可以根据实际情况修改。

步骤 3: 选择配置

运行上述命令后,Vue CLI 会提示你选择一个预设配置或手动配置。如果你是初学者,可以选择默认配置。如果你想更灵活地配置项目,选择 "Manually select features" 并根据需要进行选择。

步骤 4: 进入项目目录

项目创建完成后,进入你的项目目录:
cd my-vue3-app

步骤 5: 启动开发服务器

运行以下命令启动本地开发服务器:
npm run serve

这将启动开发服务器并在浏览器中预览你的 Vue 3 应用。你可以访问 http://localhost:8080(或其他端口号,具体取决于你的配置)来查看应用。

步骤 6: 开发你的 Vue 应用

现在,你已经成功创建并启动了一个 Vue 3 项目。你可以编辑 src 目录下的文件,开始开发你的 Vue 应用。Vue CLI 提供了许多工具和命令,例如 vue-cli-service,帮助你构建、测试和部署你的应用。

Vue CLI 官方文档提供了更详细的配置和使用说明,你可以在[这里](https://cli.vuejs.org/)查阅。


转载请注明出处:http://www.zyzy.cn/article/detail/12972/Vue3