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

/ 125评论 / 1860阅读 / 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. Grofask说道:

    propecia hair She could easily forgot my blood pressure pills cut Physician s throat what blood pressure medications cause nightmares with a single stroke of her long tail fingernail

  2. Gina מרכז גוש דןמחפשים נערות ליווי בישראל?
    שירותיהם של נערות אלו גם כן מאוד מומלצים וממש שווים בדיקה.
    קימברלי, בת ים חולון ראשוןמחפשים נערות ליווי לביתך או מלון?

    בכל אזור המרכז. דומיניק היישר אוקראינה, מהממת בת 26 סקסית, יודעת איך להעניק לך את השירות איכותי ביותר,
    זמינות 24/7 התקשרו עכשיו לדומיניק זמינות אזורי
    שירות: אשדוד, רמת השרון,
    הרצליה, חולון בת ים, ראשון לציון,
    אשדוד, יבנה ותל אביב. נערה חדשה במרכזנערת ליווי תעניק לך בילוי
    בכל אזורי גוש דן: הוד השרון, רמת השרון, הרצליה, תל אביב,
    רמת גן ועד נס ציונה אלקסה נערה לג’נטלמן איכותי, שמבין ומעריך איכות.

    בכל אזור המרכז. מיה היישר מלדוביה, מהממת בת 23 סקסית, יודעת איך לפנק בעיסוי
    ארוטי, ליווי VIP איכות ושירות איכותי, זמינות
    24/7 התקשרו עכשיו לדובשנית זמינות בכל אזור המרכז.
    אנג’ליקהמחפשים נערות ליווי?
    נערת ליווי VIP אנג’ליקה סטודנטית מהמרכז
    שיער בלוד, רזה מעוררת חושים פשוט פצצה אמיתית… בילוי אנונימי עם נערות ליווי בעפולה,
    בשעות היממה 24/7. נערות ליווי בעפולה לביתך מלון או חדר
    של בחורות איכותיות סקסיות להגשמת
    חלום של פעם בחיים. אפשר לתאם עיסוי אירוטי בפתח
    תקווה בבית הפרטי, בחדר של בית מלון או בדירות דיסקרטיות.
    אך בית מלון בדרך כלל נמצא במקום מרכזי ואטרקטיבי בו כולם יראו אתכם ולא מציע
    שום סוג של דיסקרטיות.

    Also visit my webpage – ‏נערות ליווי באר שבע

  3. נמצאו 2 קליניקות להשכרה בחדרה והסביבה מתאימים לפי החיפוש שלכם.
    באור עקיבא, במתחם חדש ויוקרתי הסמוך לאזור מגורים,
    עם גישה נוחה לכביש 2 וכביש 4, מוצעים להשכרה שטחי משרד/ קליניקות/סטודיו ולכל
    מטרה עסקית אחרת. למטפלים שונים ישנן הכשרות שונות ותחומי התמחות
    שונים, כאשר בדרך כלל כל טיפול שמוצע הוא מעין וריאציה של גישה טיפולית מבוססת היטב, למשל טיפול
    קוגניטיבי-התנהגותי. תהליך
    הגרידה מתחיל בהרחבת צוואר הרחם על מנת לאפשר גישה למיכשור.
    לטענתם, העובדה שהעובר מתפתח בגוף
    האישה אינה נותנת לה בעלות
    על חייו. מכון טמיר מציע פסיכותרפיה וטיפול פסיכולוגי איכותי,
    פרטי, עם פסיכולוגים ופסיכותרפיסטים,
    בעלות שווה לכל נפש, בטיפול אונליין או עם המטפלות העמיתות
    של המכון בפרדס חנה, כרכור, קיבוץ מגל, קיסריה, בנימינה,
    זכרון יעקב וחדרה. כשתגיעו אל מכון העיסוי ברחובות ,
    יוצג בפניכם שאלון שיהיה עליכם למלא אותו.
    בקליניקה פרטית או בבית הפרטי – היכן
    מומלץ העיסוי בחדרה ? השמן אמנם מוסיף
    מימד של עיסוי מפנק, מגע נעים ונינוח נפלא, אך אין באמת כזה דבר
    עיסוי מפנק בראש העין יוקרתי יותר או פחות – אלא שיש את העיסוי מפנק המתאים לכם ביותר.
    בהפלה זו אין צורך בהרדמה כללית או אזורית, והיא מתבצעת בחדרה
    של הפציינטית במחלקת נשים בבית החולים.
    ולפיכך אין מקום להפלה יזומה, אך ניסיונות לצמצם את טווח הפעולה שנתן “מקרה X” למבצעי ההפלות, באמצעות
    משאלי עם, נכשלו.

    My web site: https://tkescorts.com/

  4. נומרולוגית בראשון לציון. מתמחת במגוון רחב
    של תחומים. חברת בא לי מתוק מפנקת אתכם במגוון ברים טעימים!
    חברת מוניות והסעים, בעלת צי
    מוניות המכיל מוניות גדולות, מוניות פאר VIP, מוניות להסעת מוגבלים ועוד.
    לקבוצת אמקו צי מכולות איכותיות,
    משאיות תובלה אמינות וכלים מתקדמים לתיקון
    ולתחזוקה של מכולות ואניות. קבוצת
    אמקו מתמחה במתן שירותי עזר ייחודיים לענפי הספנות והתעופה, בהקמת מבנים, מבנים ניידים ומכולות,
    באספקתם למגוון צרכים ובשירותי
    שינוע מקיפים. מציעים מגוון שירותי חקירות ומעקבים, חקירות כלכליות, אבטחה סמוייה, בגידות,
    סרבני גט ועוד. מגוון רחב של וילות ברחבי הארץ ללינה למשפחה גדולה או
    קבוצה גדולה . ישנם מרכזי
    ספא ברחבי הארץ הכוללים גם חדרי
    אירוח לשעות של מנוחה, מקומות כאלה מתאימים
    לבילוי יומי, יום כיף כמתנה או הפתעה לבן הזוג או סתם למישהי
    שאוהבים ואפילו לעצמך. כאחת מהערים
    הגדולות ביותר בישראל וכאחת מהערים התיירותיות ביותר במדינה
    מתקיימים בירושלים, לאורך כל ימות השנה עשרות
    פסטיבלים מקומיים ובינלאומיים הכוללים בין היתר את פסטיבל הקולנוע, פסטיבל ישראל, פסטיבל הג’אז, פסטיבל
    האור, הפסטיבל הבינלאומי למוזיקה קאמרית ועוד עשרות ירידי חוצות ואירועי חוצות המתקיימים לאורך שעות היום והערב עד השעות הקטנות של הלילה.
    אוקטופוס מתמחה במתן שירות
    אישי ומלווה את הלקוח לאורך
    כל הדרך החל מייעוץ המתאים לאופי הלקוח, וכן תמיכה מקצועית,
    אישית וישירה. ריפיון הגוף מגיע לאחר העיסוי
    בגבעתיים, אך לאורך העיסוי המטופל לעיתים ירגיש חוסר נוחות ומעט כאב בשל הלחיצות.

    Here is my website :: https://sexfinder.co.il/

  5. Bam说道:

    South Africa: 6:00 a.m. Got a question? 54 min: Emerson Royal is nutmegged by Brahim Diaz and fouls the AC Milan midfielder as he tries to dart past him. Free-kick for Milan. Follow @karlmatchett Milan performance and form graph is a Sofascore unique algorithm that we are generating from the team’s last 10 matches, statistics, detailed analysis and our own knowledge. Inter Milan completed a 5-3 aggregate victory over Benfica on Wednesday to reach the semifinals for the first time since José Mourinho led the team to the treble of the Champions League, Serie A and Italian Cup in 2010. AC Milan reached the Champions League semi-finals for the first time in 16 years, after surviving a barrage of pressure at Napoli on Tuesday, thanks to a first-half goal from Olivier Giroud that secured a 1-1 draw and 2-1 aggregate success.
    http://www.realfairserver.com/forum/member.php?action=profile&uid=4886
    While below are the answers to all of the questions you have around the Premier League fixtures and everything else you need to know for the upcoming season, with full details on the Premier League TV schedule across the NBC family of channels and more. Below are the Premier League fixtures in full, with all kick offs listed at 10am ET unless otherwise stated: The 2022-23 Premier League fixtures are front and center as this season has delivered so much drama all across the league. Below are the Premier League fixtures in full, with all kick offs listed at 10am ET unless otherwise stated: Watch EVERY out-of-marketregular season gameLIVE or on demand in HD Below are the Premier League fixtures in full, with all kick offs listed at 10am ET unless otherwise stated:

  6. opigh说道:

    Games de todos os tipos e para todos os gostos, escolhidos e catalogados para você achar fácil. Encontre os melhores jogos para jogar sozinho, para jogar com um amigo partilhando o teclado ou até com outros jogadores do mundo todo. O canal começou na transmissão de futebol em 2020 e já possui algumas das maiores ligas, como a Libertadores e a Champions League. Uma ótima opção de aplicativo para assistir jogos de futebol ao vivo grátis, mas lembre-se que o SBT exibe apenas algumas partidas de cada campeonato, sem a possibilidade de escolha. Se você é um verdadeiro amante do futebol, recomendamos essas alternativas, pois você poderá aproveitar ao máximo. Tenha em mente que as páginas para assistir futebol gratuitamente eles são uma opção melhor se você está apenas olhando para assistir a um jogo ou copa de vez em quando. Sem mais delongas, vamos começar! 
    https://dallasdpom555544.ourcodeblog.com/16589318/jogo-do-flamengo-hoje-transmissão-ao-vivo-sbt
    Confira abaixo os resultados das partidas de Futebol que aconteceram ontem. © 2012-2023 Academia das Apostas Brasil. FAQs / Contatos. Partida encerrou o terceiro dia de disputa da fase de grupos da Copa São Paulo de Juniores Partida terminou empatada em 1×1 na prrogação, pelas quartas de final Todos jogos de hoje e estatísticas são fáceis de observar a partir de qualquer dispositivo. Só precisa de uma ligação estável à Internet. You can see the English version of BeSoccer.com. Todos jogos de hoje e estatísticas são fáceis de observar a partir de qualquer dispositivo. Só precisa de uma ligação estável à Internet. O retorno do Campeonato Italiano após a parada para disputa da Copa do Mundo do Catar ficou marcado por um caso de racismo envolvendo Samuel Umtiti e Lameck Banda. Depois do ocorrido, os jogadores receberam o apoio de Gianni Infantino, presidente da Fifa. Umtiti e Banda atuam pelo Lecce e receberam a Lazio nesta quarta-feira,

  7. son说道:

    Ваша корзина пуста! Еще один продукт для ухода за ресницами с натуральным составом. Сыворотка препятствует выпадению поврежденных и ломких ресничек. В результате использования продукта взгляд становится более выразительным. Ресницы приобретают дополнительный объем и длину. Многие девушки, попробовавшие средство, отказались от использования удлиняющей туши. © 2001–2023 Інтернет-магазин «Розетка™» — Щоразу що треба ТМ використовується на підставі ліцензії правовласника RozetkaLTD Виктория Supernova гель-активатор роста бровей и ресниц 7 мл Пептиды стимулируют рост волоса за счет стимуляции размножения стволовых клеток. Улучшают кровоснабжение волосяных фолликулов на капиллярном уровне. Пептиды – это безопасные вещества с доказанной эффективностью. Дарим скидку 31% на наращивание ресниц до 19 марта Jūsų asmeniniai duomenys bus naudojami patogesniam naršymui šiame tinklalapyje, paskyros valdymui bei kitoms reikmėms, kurios aprašytos mūsų политика конфиденциальности.
    https://lanevpef963078.onesmablog.com/–56587390
    Можно ли делать ламинирование ресниц перед лазерной коррекцией зрения Всё больше и больше людей прибегают к лазерной коррекции зрения. Это… Для пролонгированного эффекта понадобится не менее 5-7 процедур с периодичностью раз в месяц (все зависит от роста спящих волосков). Для тех, кто проводит депиляцию воском в гранулах в домашних условиях, рекомендуем предварительно очистить кожу с помощью мыла (желательно детского) и мочалки. Для этого следует принять горячий душ, чтобы максимально распарить тело. Это поможет хорошо раскрыть поры, чтобы проще устранить нежелательные волоски.  Воски в картриджах удобны для депиляции ног, к тому же можно выбрать подходящий вариант конкретно для своей кожи. Салонные средства в банках, брикетах, ванночках, гранулах в этом плане более капризны, требуют специальных знаний и опыта, а также наличия в арсенале специального оборудования и сопутствующих продуктов (воскоплава, масла для удаления воска и т.д.).

  8. uttenly说道:

    buying cialis generic Mycophenolate mofetil, also known as MMF or CellCept, is a prodrug of mycophenolic acid, and classified as a reversible inhibitor of inosine monophosphate dehydrogenase IMPDH

  9. Quics说道:

    Both players must have working microphones to communicate as they work together through challenging puzzles to reunite. Both players will have an entirely unique gameplay experience. We Were Here is inspired by real-life escape rooms and has three other games in the series if players fancy more thrilling challenges. By choosing any game from the series of 2 Player Games, you can be sure not only of its colorfulness, but also that it will be sustained in an oriental style. Games for two quickly gained popularity. All of them are interesting without exception. Arcades, puzzles, strategies, rpg, fights, each of them is beautiful in its own way. If you have never tried to play something together, then it’s time to do it. A more interesting pastime is simply not to be found. The idea of this game is that you have to drift around corners and avoid hitting other cars, and walls, or sliding off track! In addition to standard drift races, you can create custom events with different settings. If you’re looking for an entertaining racing game that’s easy enough for anyone to understand but challenging enough for veterans, this game will fit that bill nicely.
    https://xn--v52b2zd5t6jbib523m.com/bbs/board.php?bo_table=free&wr_id=55185
    Temple Run 2 has a similar gameplay as its predecessor Temple Run. The game starts with the clicking on the idol and the Shushank following you. You’ve to navigate your character by making it jump and slide over and under the obstacles, respectively. Play Jaja Run Run Run flash game. Jaja Run Run Run is a Classic game to play fre… Rate: 86.7% | 4.3/5 (373 Player) Sonic Dash lets you play as your favourite hedgehog in an endless runner that feels very much like a Sonic game with boss battles, crazy track designs and all your favourite characters from the franchise within your mobile device. Sonic Dash gets all the fundamental elements of the genre down with responsive controls, enjoyable graphics and a good amount of variety in terms of track to ensure that it competes against other endless runners on gameplay and doesn’t rely on its namesake alone…

发表回复

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