Vue3新文档-1.2快速开始

可以通过 StackBlitz 在线使用单文件组件尝试 Vue

https://vite.new/vue

线上构建

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具

命令行运行：npm init vue@latest

然后进入项目目录，分别执行npm install和npm run dev

此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本

当你准备将应用发布到生产环境时，运行npm run build

本地构建

采用构建工具

该版本的所有 API 都暴露在了全局变量 Vue 上

分支主题

{ "imports": { "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" } }

例如

importmap是一浏览器原生功能，目前只有基于 Chromium 的浏览器支持导入映射表

不支持导入映射表的浏览器，使用 es-module-shims 来进行 polyfill

基于导入映射表的配置仅用于学习

注意点

为保持一致性，可以直接在代码中导入 'vue'

在 HTML 文件中引入

我们可能需要将代码分割成单独的 JavaScript 文件，以便更容易管理

在 HTML 文件所在文件夹下运行 npx serve

也可以使用其他任何可以基于正确的 MIME 类型服务静态文件的 HTTP 服务器

为了使其工作，需要通过 http:// 协议为你的 HTML 提供服

通过 HTTP 提供服务

不使用构建工具

该指南会带你了解框架的每个方面的细节

https://staging-cn.vuejs.org/guide/essentials/application.html

继续阅读该指南

适合喜欢边动手边学的读者

https://staging-cn.vuejs.org/tutorial/

尝试教程

浏览核心功能和常见用户界面的示例

https://staging-cn.vuejs.org/examples/

查看示例

下一步

快速开始