安装vue3

作者：只言片語中发布日期:2026-02-24 浏览:84

# 安装 Vue 3

# 1. 全局安装 Vue CLI
npm install -g @vue/cli

# 2. 创建一个新的 Vue 3 项目
vue create my-vue3-project

# 在创建过程中，选择 "Manually select features" 并确保选择 Vue 3 版本。

# 3. 进入项目目录
cd my-vue3-project

# 4. 启动开发服务器
npm run serve

解释说明：

全局安装 Vue CLI：使用 npm install -g @vue/cli 命令来全局安装 Vue CLI 工具，这将允许你在任何地方使用 vue 命令。
创建一个新的 Vue 3 项目：使用 vue create 命令创建一个新的 Vue 项目。在创建过程中，你可以选择手动配置项目并确保选择 Vue 3 版本。
进入项目目录：使用 cd 命令进入新创建的项目目录。
启动开发服务器：使用 npm run serve 启动开发服务器，这将启动一个本地开发服务器，并自动打开浏览器窗口展示你的应用。

如果你不需要使用 Vue CLI，也可以通过 CDN 引入 Vue 3：

<!DOCTYPE html>
<html>
<head>
  <title>Vue 3 Example</title>
  <script src="https://unpkg.com/vue@next"></script>
</head>
<body>
  <div id="app">
    {{ message }}
  </div>

  <script>
    const { createApp } = Vue;

    createApp({
      data() {
        return {
          message: 'Hello Vue 3!'
        }
      }
    }).mount('#app');
  </script>
</body>
</html>

解释说明：

CDN 引入 Vue 3：通过 <script> 标签引入 Vue 3 的最新版本。
创建 Vue 应用：使用 createApp 方法创建一个新的 Vue 应用实例，并将其挂载到指定的 DOM 元素上。

上一篇：vue xlsx

下一篇：vue3 富文本