Vue3新文档-1.2快速开始
2022-04-08 15:18:57 9 举报AI智能生成
Vue3
作者其他创作
大纲/内容
采用构建工具
线上构建
可以通过 StackBlitz 在线使用单文件组件尝试 Vue
https://vite.new/vue
本地构建
命令行运行：npm init vue@latest
这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具
然后进入项目目录，分别执行npm install和npm run dev
当你准备将应用发布到生产环境时，运行npm run build
此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本
不使用构建工具
在 HTML 文件中引入
分支主题
该版本的所有 API 都暴露在了全局变量 Vue 上
为保持一致性，可以直接在代码中导入 'vue'
例如
{ "imports": { "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" } }
注意点
importmap是一浏览器原生功能，目前只有基于 Chromium 的浏览器支持导入映射表
不支持导入映射表的浏览器，使用 es-module-shims 来进行 polyfill
基于导入映射表的配置仅用于学习
通过 HTTP 提供服务
我们可能需要将代码分割成单独的 JavaScript 文件，以便更容易管理
为了使其工作，需要通过 http:// 协议为你的 HTML 提供服
在 HTML 文件所在文件夹下运行 npx serve
也可以使用其他任何可以基于正确的 MIME 类型服务静态文件的 HTTP 服务器
下一步
继续阅读该指南
该指南会带你了解框架的每个方面的细节
https://staging-cn.vuejs.org/guide/essentials/application.html
尝试教程
适合喜欢边动手边学的读者
https://staging-cn.vuejs.org/tutorial/
查看示例
浏览核心功能和常见用户界面的示例
https://staging-cn.vuejs.org/examples/
0 条评论
下一页
