[vue/vite]在vscode中使用vite手动创建vue项目

/ 984评论 / 5560阅读 / 14点赞

* vite是什么?

* 一个前端的开发构建工具

* 当我们的项目组件变大时,会自觉的分文件、分组件等操作,缩减单文件的大小、增加可维护性,vite则可以帮我们管理,并且它有很多插件帮助我们开发。

初始化

安装vite依赖

安装vue的依赖

创建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title>
</head>
<body>
    <!-- 引用的js文件位置 -->
    <script type="module" src=""></script>
</body>
</html>

创建main.js

    <!-- 引用的js文件 -->
    <script type="module" src="./src/main.js"></script>

尝试让它跑起来(1)

创建App.vue

<template>
    <div>
        你好 coolight
    </div>
</template>

在main.js中创建vue,安装vitejs

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)

app.mount('#app')
import { defineConfig } from "vite"
import Vue from "@vitejs/plugin-vue"

export default defineConfig({
    plugins:[
        Vue()
    ]
})

结语

  1. Terryflodo说道:

    kamagra senza ricetta in farmacia viagra consegna in 24 ore pagamento alla consegna viagra pfizer 25mg prezzo

  2. TracyFoome说道:

    farmacie online affidabili: avanafil prezzo in farmacia – comprare farmaci online con ricetta

  3. Sonnynap说道:

    farmacia online migliore: kamagra – farmacia online

  4. Lalktu说道:

    zithromax 500mg usa prednisolone 10mg ca buy neurontin 100mg without prescription

  5. SidneyFub说道:

    http://avanafilit.icu/# farmacia online migliore

  6. TracyFoome说道:

    viagra originale in 24 ore contrassegno: viagra consegna in 24 ore pagamento alla consegna – miglior sito per comprare viagra online

  7. TracyFoome说道:

    acquisto farmaci con ricetta: avanafil prezzo in farmacia – farmacia online senza ricetta

  8. Terryflodo说道:

    viagra generico in farmacia costo viagra prezzo viagra online spedizione gratuita

  9. TracyFoome说道:

    viagra generico prezzo più basso: viagra consegna in 24 ore pagamento alla consegna – dove acquistare viagra in modo sicuro

  10. TracyFoome说道:

    comprare farmaci online all’estero: kamagra gel prezzo – farmaci senza ricetta elenco

  11. TracyFoome说道:

    farmacia online più conveniente: cialis prezzo – farmacia online

  12. Sonnynap说道:

    farmacie online sicure: avanafil generico prezzo – farmacia online miglior prezzo

  13. Pcfzxm说道:

    tums antacid tablets uk boots best anti nausea medication anti gas pills for bloating

  14. TracyFoome说道:

    farmacia online senza ricetta: kamagra – farmacie online autorizzate elenco

  15. SidneyFub说道:

    http://kamagrait.club/# farmacie online sicure

  16. TracyFoome说道:

    acquistare farmaci senza ricetta: kamagra gel prezzo – acquistare farmaci senza ricetta

  17. Terryflodo说道:

    farmacia online miglior prezzo kamagra gold п»їfarmacia online migliore

  18. TracyFoome说道:

    migliori farmacie online 2023: kamagra gel prezzo – farmacie online autorizzate elenco

  19. Jbqvuh说道:

    best otc heartburn medicine reviews best prescription anti nausea medication fart suppression pills

  20. TracyFoome说道:

    farmacia online migliore: kamagra gold – farmacia online migliore

  21. TracyFoome说道:

    top farmacia online: Avanafil farmaco – farmacia online miglior prezzo

  22. Sonnynap说道:

    farmacia online: farmacia online piu conveniente – farmacie online affidabili

  23. Luchgh说道:

    how to buy prednisone buy deltasone 10mg for sale oral amoxicillin 1000mg

  24. SidneyFub说道:

    http://farmaciait.pro/# п»їfarmacia online migliore

  25. TracyFoome说道:

    farmacia online migliore: Farmacie che vendono Cialis senza ricetta – comprare farmaci online all’estero

  26. Terryflodo说道:

    farmacia online avanafil generico prezzo farmacie online autorizzate elenco

  27. TracyFoome说道:

    comprare farmaci online con ricetta: Tadalafil generico – farmacia online più conveniente

  28. Hvdikx说道:

    buy prednisone cheap order amoxicillin 500mg buy amoxicillin pills for sale

  29. Falconmeawn说道:

    You said it perfectly.!
    как использовать бонус на спорт в 1win бк 1win 1win зеркало казино промокод 2023

  30. TracyFoome说道:

    viagra pfizer 25mg prezzo: viagra consegna in 24 ore pagamento alla consegna – viagra originale recensioni

  31. TariqLon说道:

    Beneficial write ups. Appreciate it!
    jet best big win strategy jet winning tricks jet 1win 1win букмекерская 1win бонусы казино как использовать

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注