您好!欢迎来到静学网! 注册 登入
  • 致力提供中国优质IT教程及新媒体资讯,打造中国品牌教育先锋。

2021年详细的vuejs安装教程步骤,这几种安装方法一定要掌握

课程目录 教育推动者 次浏览
vuejs相对来讲还是比较简单,不过有些还是比较难理解,能否灵活运用于自己的项目中,是另一回事了,不过vuejs还是值得我们探索的,下面将会介绍几种安装方法,当然在vuejs官网上也是有比较完善的教程,这里主要还是一个梳理的过程,以及加上一些大家遇到的问题。
 
 

一、直接引入法(CDN)

 
最简单的方式就是直接引入,也就是我们俗称的CDN技术,CDN(Content Delivery Network),中文名称为内容分发网络,什么意思呢?说白了就是把这个文件放在服务器上,不需要下载下来,当需要请求内容时,会在就近的服务器进行请求读取,再简单来讲就是把内容通过负载均衡技术分配到各个就近节点,以寻求最佳访问速度,降低网络访问堵塞。


vue
 
这对于学习使用CDN不为是一种好的方法。具体引入

<head>
                   <meta charset="utf-8">
                   <title></title>
                   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
         </head>
 
如果你使用原生 ES Modules,这里也有一个兼容 ES Module 的构建文件:
 
<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js'
</script>
 

二、下载源文件vuejs

 
源文件分为生产和开发,就官方建议是做测试开发的时候可以用开发版本,原因就是方便查找错误,在商业运用中,就是用生产版本,这样减少内存占用,提供运行效率,当然这个影响是非常小的,就几十k的文档,影响不大。
 

三、NPM安装方式

 
这个比较繁琐,涉及的东西比较多,需要先安装NPM工具包,这个包可以在git上下载,先把nodejs安装上,注意配置环境变量,否则nodejs命令不起作用,安装具体细节我们分开讲,最后通过npm install vue进行下载,当然这是稳定版的,不过推荐使用cnpm安装,因为国外下载安装太慢,通常使用淘宝镜像。

四、CLI安装方法

CLI(command-line interface)也称为命令行工具,简单来讲就是不用鼠标,直接用指令来控制电脑,这在图形用户界面未得到普及之前是十分常见的,其特点就是效率高、占据内存比较小,不想现在的图形用户界面,消耗巨大空间资源。
 
该方法也比较繁琐,且官方不推荐,在学习完vuejs之后可深入研究,当然官方也有相关教程,为单页面应用 (SPA) 快速搭建繁杂的脚手架。


安装

npm install -g @vue/cli
 
# OR
 
yarn global add @vue/cli

创建一个项目

vue create my-project

# OR

vue ui
 
 
基本就是四种方式,学习建议直接引入或者下载文档。
 
 



静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明2021年详细的vuejs安装教程步骤,这几种安装方法一定要掌握
顶一下
(0)
踩一下
(0)
畅所欲言
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论
友情链接:
自学网
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com