怎么学安装

核心提示为了满足各种阶段或者不同需求的研发人员的需求,VUE提供了多种安装方式,如CDN、npm、自行托管以及VUE官方提供的CLI脚手架直接构建项目。下面逐个来介绍下:CDN安装即直接通过外部网络引用的方式直接引用到自己的项目当中:这种方式适用于

为了满足RD人员在各个阶段或不同需求,VUE提供了多种安装方式,如CDN、npm、自托管、VUE提供的CLI脚手架直接搭建工程等。

让我们逐一介绍:

CDN安装

也就是通过外网引用直接引用自己的项目:

这种方法适合做了样机或者刚开始学习的同学。

如果是制作用的同学,请注意最好在这个地方注明版本号,以免后续使用出现问题,比如不同版本之间的语法差异等等。

Npm安装

在构建大型应用程序时,我们一般建议使用这种方法来安装VUE。具体安装方法如下:

# #这就是如何安装最新版本的VUE

$ npm安装vue@next

或者

npm安装-g @vue/cli

注意:如果使用这种方法安装,您需要了解node,并且已经在您的计算机上安装了node。

自我托管

自托管就是把需要的依赖JS包下载到你的本地电脑上,然后引用到要开发的项目上。

下载地址:

https://unpkg.com/browse/vue@next/dist/

或者

https://cdn.jsdelivr.net/npm/vue@next/dist/

可以下载到相应的JS文件中。

在本学习笔记中,采用这种托管的方式进行学习。

作者的下载效果如下:

具体用法将在以下注释中逐步讨论。

CLI脚手架施工

Clivue是Clivue官方提供的应用构建工具,是一个适合快速构建单页面应用的复杂脚手架。它不仅速度快,而且为应用程序构建提供了很多功能,如热加载、lint验证、版本编译和打包等。

在VUE3中,需要先安装CLI。全局安装的方式是:

yarn全局添加@vue/cli

#或者

npm安装-g @vue/cli

然后在VUE3的项目中运行它:

vue升级-下一步

对于CLI来说,知识点还是很多的,有官方相应的使用文档。如果你需要他们,你可以参考:https://cli.vuejs.org/zh/.

后面我们会有专门的页面来讲解这些知识点。

这个节日过后

我们讲了四种使用方法,但没有深入讲。

前期本学习笔记将通过自托管的方式进行实践,后期在实际项目中通过CLI搭建项目。每个阶段都会详细讲解每种使用方法。

 
友情链接
鄂ICP备19019357号-22