vue下载方法实现

使用 Vue CLI 创建项目

通过 Vue CLI 可以快速搭建 Vue 项目。确保已安装 Node.js 和 npm/yarn。

安装 Vue CLI：

npm install -g @vue/cli

创建新项目：

vue create my-project

进入项目目录并启动开发服务器：

cd my-project
npm run serve

通过 CDN 引入 Vue

在 HTML 文件中直接引入 Vue 的 CDN 链接，适合快速原型开发或学习。

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

示例代码：

<div id="app">
  {{ message }}
</div>

<script>
  const { createApp } = Vue
  createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

使用 npm/yarn 安装 Vue

在现有项目中使用 npm 或 yarn 安装 Vue。

npm 安装：

npm install vue

yarn 安装：

yarn add vue

在项目中引入 Vue：

import { createApp } from 'vue'
const app = createApp({
  // 选项
})

通过 Vite 创建 Vue 项目

Vite 是一个现代化的前端构建工具，支持快速创建 Vue 项目。

创建项目：

npm create vite@latest my-vue-app --template vue

进入项目目录并安装依赖：

cd my-vue-app
npm install
npm run dev

下载 Vue Devtools

Vue Devtools 是浏览器扩展，用于调试 Vue 应用。

Chrome 扩展： Vue.js Devtools - Chrome 网上应用店

Firefox 扩展： Vue.js Devtools – Firefox 附加组件