vue2 怎么用vite_vite快速入门教程

Vite是什么

Vite是一个开发环境工具，旨在提高我们的开发速度。

最近俺看了一下尤雨溪大大在B站上的直播，直播中他也谈到了这款工具，最近花了很多精力在做这件事情。

在尤玉溪推特上也可以看到相关的推文：

As I was going to bed, I had an idea about a no-bundler dev setup (using native browser ES imports), but with support for Vue SFCs **with hot reload**. Now it’s almost 6AM and I have PoC working. The hot reload is so fast it’s near instant.尤大大Twitter

本质上是利用了浏览器对于script标签type=”module”会发送一个请求。

Vite允许您使用单文件组件开发Vue应用程序，而不需要任何捆绑步骤。导入是浏览器作为本地ES模块导入请求的。

开发环境服务器拦截对.

实践

我们创建以下文件：

Comp.vue

export default {

data: () => ({ count: 0 })

}

button{

font-size: 2rem;

}

index.html

import { createApp } from 'vue'

import Comp from './Comp.vue'

createApp(Comp).

vue2 怎么用vite_vite快速入门教程相关推荐

BIML 101 - ETL数据清洗系列 - BIML 快速入门教程 - 序
BIML 101 - BIML 快速入门教程做大数据的项目,最花时间的就是数据清洗. 没有一个相对可靠的数据,数据分析就是无木之舟,无水之源. 如果你已经进了ETL这个坑,而且预算有限,并且有大量的 ...
HealthKit开发快速入门教程大学霸内部教程
HealthKit开发快速入门教程大学霸内部教程国内第一本HealthKit专向教程.本教程详细讲解iOS中,如何使用HealthKit框架开发健康应用.最后,本教程结合HealthKit ...
Apple Watch开发快速入门教程
Apple Watch开发快速入门教程试读下载地址:http://pan.baidu.com/s/1eQ8JdR0 介绍:苹果为Watch提供全新的开发框架WatchKit.本教程是国内第一本A ...
指示灯组与3个复位按钮的介绍Arduino Yun快速入门教程
指示灯组与3个复位按钮的介绍Arduino Yun快速入门教程 1.4.2 指示灯组指示灯组的放大图如图1.5所示. 图1.5 指示灯组各个指示灯对应的功能如下: q RX:对应于0号端口 ...
游戏控制杆OUYA游戏开发快速入门教程
游戏控制杆OUYA游戏开发快速入门教程 1.2.2 游戏控制杆游戏控制杆各个角度的视图,如图1-4所示,它的硬件规格是本文选自OUYA游戏开发快速入门教程大学霸: 图1-4 游戏控制杆各个角度的 ...
Arduino Yun的主要部件介绍选自Arduino Yun快速入门教程
Arduino Yun的主要部件介绍 1.4.1 主要部件 Yun的主要部件如图1.4所示. 图1.4 Arduino Yun的主要部件在Yun小小的板子上集成了两颗处理器.一个是ATmega3 ...
认识AndEngine选自Android 2D游戏引擎AndEngine快速入门教程
认识AndEngine什么是AndEngine 随着Android手机.平板的盛行,Android下的游戏也不断的变得火热.而对于游戏开发有兴趣的同学们,应该也想要学习开发游戏.虽说游戏开发的引擎较多 ...
OUYA游戏开发快速入门教程1.2OUYA的硬件规格
OUYA游戏开发快速入门教程1.2OUYA的硬件规格从官网上购买回来的OUYA产品,包含游戏主机.游戏控制杆.说明书.电源线.HDMI线.电源线和电池,如图1-2所示.本节就来简要介绍下,游戏主机和 ...
Android 2D游戏引擎AndEngine快速入门教程
Android 2D游戏引擎AndEngine快速入门教程介绍:AndEngine是一款知名的Android 2D游戏引擎.该引擎代码开源,并且可以免费使用.本书详细讲解如何使用AndEngine引 ...
OUYA游戏开发快速入门教程第1章了解OUYA及其设备
OUYA游戏开发快速入门教程第1章了解OUYA及其设备 OUYA是基于Andorid系统的游戏主机.围绕OUYA游戏机,已经形成一个完整的生态圈.在国外,OUYA已经成为知名的游戏平台.本章会站在玩家 ...

vue2 怎么用vite_vite快速入门教程

vue2 怎么用vite_vite快速入门教程相关推荐

最新文章

热门文章