运行 Vue 3 代码有两种方法:使用 Vite(推荐用于开发,提供实时更新和 HMR)和使用 Node.js(用于生产环境)。

Vue 3 中运行代码
如何运行 Vue 3 代码?
运行 Vue 3 代码主要有两种方法:
1. 使用 Vite
立即学习“前端免费学习笔记(深入)”;
Vite 是一个现代化的构建工具,专为 Vue 3 应用程序而设计。它提供即时更新、HMR(热模块替换)和代码分割等功能。
步骤:
- 安装 Vite:
npm install -g vite - 创建一个 Vue 3 项目:
vite create my-vue3-app - 运行开发服务器:
vite dev - 浏览 http://localhost:3000 查看应用程序
2. 使用 Node.js
您还可以使用 Node.js 来运行 Vue 3 代码。
步骤:
- 安装 Vue 3 和 Vite:
npm install vue vite - 创建一个新的 JavaScript 文件:
app.js - 在文件中编写以下代码:
import Vue from 'vue'
import App from './App.vue'
new Vue({
render: h => h(App)
}).$mount('#app')- 运行应用程序:
node app.js - 浏览 http://localhost:8080 查看应用程序
需要注意的事项:
- Vite 是推荐用于开发 Vue 3 应用程序的构建工具。
- Node.js 可以用于在生产环境中运行 Vue 3 应用程序。
- 确保在运行应用程序之前安装了所有必需的依赖项。










