安装Vue有以下三种方式。
1、使用独立版本。
从Vue官网(https://vuejs.org)下载Vue的JavaScript脚本文件。脚本文件分两种,一种是开发版本,一种是生产版本。
(1)开发版本
包含所有的调试模式和警告,代码未压缩,适合开发阶段,便于开发者研究Vue源码。开发版本下载地址:
https://cdn.jsdelivr.net/npm/vue/dist/vue.js
(1)生产版本
代码进行了压缩,文件体积较小,用于产品发布正式运行环境下使用。生产版本下载地址:
https://cdn.jsdelivr.net/npm/vue/
下载完成后,通过<script src>引入vue.js文件,代码实现如下
<body>
<script src="vue.js"></script>
</body>
2、使用CDN方式引入
CDN全称Content Delivery Network即内容分发网络。是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
使用CDN引入Vue框架实际上就是选择了一个稳定的CDN服务商。这里推荐两个比较稳定的CDN服务商。
(1)jsdelivr
网址为 https://www.jsdelivr.com
(2)cdnjs
网址为 https://cdnjs.com(这个基本全年无中断)
3、使用NPM方式安装
为了更好的学习,目前先不用这种方式。(实际工作开发使用Vue就是用这种方式安装Vue。)