对于开发和学习任何一门新技术,新框架,最主要的还是能够运行起来,怎么运行起来,这才是最主要的。所以,我们来说一下Vue.js的安装方式。
因为Vue.js的设计初始,就是一个渐进式的JavaScript框架,所以你可以按需所用,这也就造就了他可以使用多种方式集成到一个项目中。
当前文档的最新版本为:3.2.12to3.2.13
这里尽量在文档中使用的都是该版本,没有大版本变化,不再对内容进行更新。本来使用3.2.12编写本次文章,但在本文章编写的过程中,已经升级到3.2.13,本次教程也同步升级到3.2.13
在项目使用Vue.js中一般有4种方式(也可以说是三种方式,也可以说是五种方式):
1.在页面上使用CDN包的形式导入
2.下载Vue.js的JavaScript文件引用使用
3.使用npm安装它
4.使用官方的CLI来构建应用,这个是先在前端工作流程中使用最多的方式。
5.使用Vite构建工具构建应用
接下来详细的讲解这几种方式。
首先来说说,在页面上使用CDN包的形式导入
在一开始WEB开发的过程中,我们总是需要在html页面中直接引入对应的JavaScript文件。Vue.js是一个渐进式的框架,所以这种方式也可以使用:
引入的代码如下所示,为了界面效果代码进行了截图。所有的代码都会放到github中。
执行该文件可以看到这种方式我们引用了三个文件
vue
nextvue
3.2.12vue.global.js
效果图如下:
在实际的生产环境下,最好指定对应的具体版本信息,这样可以避免一些版本升级遇到的问题和bug。
指定版本的方式为:
scriptsrc="