vue视频教程系列 第二节 vue的安装

vue视频教程系列 第二节 vue的安装_腾讯视频

vue的安装主要分为三种方式：

第一种方式：直接用<script>引入

这种方式是直接将vue的源码下载下来，直接引用在我们的项目中。这种方式是初学者使用的最简单的方式。需要注意的一点是，为了避免vue的抖动，我们需要把<script>引用放在head里。另外，我们看到官网上为我们提供了两种版本，一种是开发版本，另一种是生产版本。开发版本是一个完整的版本，包含完整的警告和调试模式。适合于我们开发使用；生产版本是一种压缩版本，删除了警告和调试模式，不利于我们在生产环境下的调试。所以，一般情况下，我们会下载生产版本。生产后期，我们会用打包工具进行打包压缩处理。

第二种方式：CDN的方式：

其实和第一种有些类似，官网会推荐链接到一个你可以手动更新的指定版本号：

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

即将这段代码放入我们的项目中即可。这种方式的缺点是，需要我们手动更新版本号，在我们项目开发当中会显得很笨拙。

第三种方式：采用官网提供的vue-cli这个脚手架工具初始化一个vue项目，快捷方便。这种方式涉及的内容较多，将会在下节介绍

如果你喜欢本文，劳您架转发一下，想要获得更多信息，微信公众号：duzhan99