前言
在4月21日晚，Vue作者尤雨溪在嗶哩嗶哩直播分享了Vue.js 3.0 Beta最新進展， 里面尤大大所提到他最近在做的這個小工具 vite ,一個實驗性的no build的vue開發服務器，(這個小工具可以支持熱更新,且不用預編譯)
一丶安裝
命令列復制以下
mkdir vue-vite新建檔案夾npm init - y初始化專案npm i vite - g全域安裝vitenpm i vue@next安裝vue3.0 beta版
二丶新建檔案
在專案目錄下新建 一下檔案
index.html
<div id="app"></div> <script type="module"> import { createApp } from 'vue' import Comp from './Comp.vue' createApp(Comp).mount('#app') </script>
Comp.vue
<template> <button @click="count++">{{ count }}</button> </template> <script> export default { data: () => ({ count: 0 }) } </script> <style scoped> button { color: red } </style>
main.js
import { createApp } from 'vue'
import Comp from './Comp.vue'
createApp(Comp).mount('#app')
三丶啟動
cd vue-vite進入目錄vite啟動專案
然后你就可以看到一下命令列啟動提示了
ctrl+滑鼠左鍵點擊進去看到這樣的頁面就代表你啟動成功了
然后你可以嘗試修改 Comp.vue 看看效果是不是那樣神奇，不用預編譯，且支持熱更新
vite地址 點這里
點擊跳轉原文
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/41408.html
標籤：JavaScript
上一篇：日期物件和字串操作、字串API
下一篇：函式防抖和節流