本文介绍了如何使用npminitvue@latest进行Vue的安装，包括环境配置选项。重点讲解了通过CDN引入Vue的两种方式，以及全局构建的优势和限制，特别提到了单文件组件(SFC)在CDN使用中的局限性。
1.使用npm init vue@latest方法
npm init vue@latest安装步骤：
环境配置可根据项目实际运用来选择。
2.通过CDN使用Vue
CDN 的全称是 Content Delivery Network，即内容分发网络。
js 有 2 种 引入 方式：
1 直接下载代码文件至本地项目中，引入。
https://unpkg.com/vue@3/dist/vue.global.js
2 通过 CDN（内容分发网络） 引用它 。
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>通过 CDN 使用 Vue 时，不涉及“构建步骤”。这使得设置更加简单，并且可以用于增强静态的 HTML 或与后端框架集成。但是，你将无法使用单文件组件 (SFC) 语法。 （即只能在html一个页面进行相关开发）
使用全局构建
运行结果为：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
