步骤 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