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

/ 4,037评论 / 17842阅读 / 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. RandallGuesE说道：
    2024年4月27日 上午2:09

    get cheap propecia without insurance: cost generic propecia tablets – order propecia without a prescription

    回复
  2. RonaldSwobe说道：
    2024年4月27日 上午1:27

    http://nolvadex.life/# aromatase inhibitor tamoxifen

    回复
  3. RonaldSwobe说道：
    2024年4月27日 上午1:23

    https://ciprofloxacin.tech/# cipro 500mg best prices

    回复
  4. WilliamRen说道：
    2024年4月27日 上午12:09

    https://finasteride.store/# cost of generic propecia without a prescription

    回复
  5. Davidfrify说道：
    2024年4月26日 下午11:58

    buy cytotec online buy cytotec Misoprostol 200 mg buy online

    回复
  6. RandallGuesE说道：
    2024年4月26日 下午11:54

    antibiotics cipro: cipro for sale – ciprofloxacin mail online

    回复
  7. CharlesVox说道：
    2024年4月26日 下午11:36

    Какие радиаторы выбрать для отопления https://propest.ru/kak-vybrat-radiator-dlya-doma.html частного загородного дома – каменного или деревянного: разновидности и классы, правила выбора, цены, сравнения.

    回复
  8. Davidfrify说道：
    2024年4月26日 下午11:35

    how does tamoxifen work tamoxifen 20 mg tablet tamoxifen citrate pct

    回复
  9. lenovoruremont.ru说道：
    2024年4月26日 下午11:29

    Когда возникли проблемы с моим Lenovo, я нашел отличный сервисный центр – lenovoruremont.ru. Меня впечатлил качеством услуг и компетентностью мастеров. Они быстро продиагностировали проблему и предложили оптимальное решение. Ремонт был выполнен качественно и в срок. Результат превзошел мои ожидания, теперь всем советую обращаться именно сюда для ремонта устройств Lenovo.

    回复
  10. Davidfrify说道：
    2024年4月26日 下午10:38

    buy generic ciprofloxacin buy ciprofloxacin buy cipro online without prescription

    回复
  11. Davidfrify说道：
    2024年4月26日 下午10:36

    lisinopril tab 100mg lisinopril 250 mg order cheap lisinopril

    回复
  12. WilliamRen说道：
    2024年4月26日 下午10:18

    http://finasteride.store/# propecia

    回复
  13. WilliamRen说道：
    2024年4月26日 下午8:22

    http://ciprofloxacin.tech/# buy cipro online without prescription

    回复
  14. RandallGuesE说道：
    2024年4月26日 下午8:20

    buy misoprostol over the counter: order cytotec online – purchase cytotec

    回复
  15. Georgeshous说道：
    2024年4月26日 下午7:56

    zavod-lazer.com

    回复
  16. WilliamRen说道：
    2024年4月26日 下午7:32

    https://nolvadex.life/# tamoxifen alternatives premenopausal

    回复
  17. RobertMag说道：
    2024年4月26日 下午6:39

    купить женщину резиновую

    回复
  18. Davidfrify说道：
    2024年4月26日 下午5:30

    buy cipro online cipro for sale cipro online no prescription in the usa

    回复
  19. Davidfrify说道：
    2024年4月26日 下午5:11

    generic propecia pill cost of propecia online order propecia without dr prescription

    回复
  20. Uzdhhd说道：
    2024年4月26日 下午5:03

    where to buy digoxin without a prescription – purchase verapamil pills order generic lasix 100mg

    回复
  21. RandallGuesE说道：
    2024年4月26日 下午4:45

    cytotec online: cytotec abortion pill – buy cytotec

    回复
  22. Davidfrify说道：
    2024年4月26日 下午4:12

    does tamoxifen cause joint pain tamoxifen hot flashes nolvadex estrogen blocker

    回复
  23. Davidfrify说道：
    2024年4月26日 下午4:11

    antibiotics cipro ciprofloxacin over the counter cipro pharmacy

    回复
  24. WilliamRen说道：
    2024年4月26日 下午3:16

    http://ciprofloxacin.tech/# cipro 500mg best prices

    回复
  25. RandallGuesE说道：
    2024年4月26日 下午2:50

    order cytotec online: buy cytotec pills – buy cytotec over the counter

    回复
  26. RonaldSwobe说道：
    2024年4月26日 下午2:49

    https://nolvadex.life/# tamoxifen vs raloxifene

    回复
  27. RonaldSwobe说道：
    2024年4月26日 下午1:53

    http://lisinopril.network/# lisinopril 10 mg brand name in india

    回复
  28. WilliamRen说道：
    2024年4月26日 下午1:44

    http://nolvadex.life/# is nolvadex legal

    回复
  29. Scottvaw说道：
    2024年4月26日 上午11:53

    Brands that manufacture chronometer watches
    Understanding COSC Certification and Its Importance in Horology
    COSC Validation and its Stringent Standards
    Controle Officiel Suisse des Chronometres, or the Controle Officiel Suisse des Chronometres, is the official Swiss testing agency that attests to the precision and precision of timepieces. COSC accreditation is a sign of excellent craftsmanship and dependability in chronometry. Not all watch brands seek COSC validation, such as Hublot, which instead follows to its proprietary strict standards with mechanisms like the UNICO, attaining similar accuracy.

    The Art of Exact Chronometry
    The core system of a mechanical watch involves the mainspring, which supplies power as it unwinds. This mechanism, however, can be susceptible to environmental elements that may affect its precision. COSC-certified mechanisms undergo rigorous testing—over fifteen days in various conditions (5 positions, three temperatures)—to ensure their resilience and reliability. The tests assess:

    Mean daily rate precision between -4 and +6 secs.
    Mean variation, highest variation levels, and effects of temperature variations.
    Why COSC Accreditation Matters
    For timepiece fans and collectors, a COSC-accredited watch isn’t just a item of tech but a proof to lasting quality and accuracy. It symbolizes a watch that:

    Offers excellent dependability and accuracy.
    Offers assurance of superiority across the complete construction of the watch.
    Is likely to maintain its worth more efficiently, making it a smart investment.
    Popular Chronometer Brands
    Several well-known brands prioritize COSC accreditation for their timepieces, including Rolex, Omega, Breitling, and Longines, among others. Longines, for instance, presents collections like the Archive and Soul, which highlight COSC-validated mechanisms equipped with advanced substances like silicone equilibrium suspensions to boost resilience and performance.

    Historic Background and the Development of Timepieces
    The notion of the chronometer dates back to the requirement for exact chronometry for navigational at sea, highlighted by John Harrison’s work in the eighteenth cent. Since the official establishment of COSC in 1973, the accreditation has become a standard for assessing the precision of luxury timepieces, continuing a legacy of excellence in watchmaking.

    Conclusion
    Owning a COSC-certified watch is more than an visual selection; it’s a commitment to excellence and accuracy. For those valuing precision above all, the COSC validation provides peace of mind, guaranteeing that each certified watch will function reliably under various circumstances. Whether for individual satisfaction or as an investment decision, COSC-accredited watches stand out in the world of watchmaking, bearing on a tradition of precise chronometry.

    回复
  30. Marcelcrolf说道：
    2024年4月26日 上午9:04

    https://canadaph24.pro/# pharmacy wholesalers canada

    回复
  31. Pedropaite说道：
    2024年4月26日 上午8:34

    mexico drug stores pharmacies: mexican pharmacy – mexico drug stores pharmacies

    回复
  32. JustinTut说道：
    2024年4月26日 上午7:45

    top 10 online pharmacy in india http://indiaph24.store/# buy prescription drugs from india
    best online pharmacy india

    回复
  33. JustinTut说道：
    2024年4月26日 上午7:39

    indian pharmacies safe https://indiaph24.store/# online shopping pharmacy india
    indian pharmacy online

    回复
  34. Marcelcrolf说道：
    2024年4月26日 上午6:29

    http://indiaph24.store/# buy prescription drugs from india

    回复
  35. RickyAlage说道：
    2024年4月26日 上午4:47

    world pharmacy india buy medicines from India п»їlegitimate online pharmacies india

    回复
  36. RickyAlage说道：
    2024年4月26日 上午4:28

    top online pharmacy india indian pharmacy Online medicine order

    回复
  37. Marcelcrolf说道：
    2024年4月26日 上午4:21

    https://canadaph24.pro/# safe canadian pharmacies

    回复
  38. Marcelcrolf说道：
    2024年4月26日 上午3:38

    http://canadaph24.pro/# canadapharmacyonline

    回复
  39. RickyAlage说道：
    2024年4月26日 上午3:29

    mexican online pharmacies prescription drugs mexico pharmacy п»їbest mexican online pharmacies

    回复
  40. Kvartiry_yhma说道：
    2024年4月26日 上午3:28

    квартиры на сутки https://www.sutki24.by .

    回复
  41. RickyAlage说道：
    2024年4月26日 上午3:27

    canadian pharmacy online Certified Canadian Pharmacies canadian pharmacy online store

    回复
  42. Pedropaite说道：
    2024年4月26日 上午3:24

    reputable mexican pharmacies online: mexico pharmacy – mexico pharmacy

    回复
  43. JustinTut说道：
    2024年4月26日 上午2:43

    top 10 online pharmacy in india https://indiaph24.store/# pharmacy website india
    top online pharmacy india

    回复
  44. Scottvaw说道：
    2024年4月26日 上午2:42

    Brands that manufacture chronometer watches
    Understanding COSC Accreditation and Its Importance in Watchmaking
    COSC Certification and its Stringent Criteria
    Controle Officiel Suisse des Chronometres, or the Controle Officiel Suisse des Chronometres, is the authorized Swiss testing agency that verifies the precision and precision of wristwatches. COSC accreditation is a mark of excellent craftsmanship and trustworthiness in timekeeping. Not all watch brands pursue COSC validation, such as Hublot, which instead adheres to its own stringent criteria with movements like the UNICO calibre, attaining equivalent precision.

    The Science of Exact Timekeeping
    The central mechanism of a mechanized timepiece involves the spring, which provides energy as it unwinds. This system, however, can be prone to environmental elements that may affect its accuracy. COSC-validated movements undergo rigorous testing—over fifteen days in various conditions (5 positions, three temperatures)—to ensure their durability and reliability. The tests assess:

    Mean daily rate accuracy between -4 and +6 seconds.
    Mean variation, highest variation levels, and effects of temperature variations.
    Why COSC Validation Matters
    For watch enthusiasts and collectors, a COSC-accredited watch isn’t just a item of tech but a testament to enduring excellence and precision. It represents a timepiece that:

    Presents exceptional reliability and accuracy.
    Ensures guarantee of quality across the entire design of the timepiece.
    Is apt to retain its value more efficiently, making it a sound choice.
    Popular Timepiece Brands
    Several well-known manufacturers prioritize COSC certification for their timepieces, including Rolex, Omega, Breitling, and Longines, among others. Longines, for instance, offers collections like the Archive and Spirit, which feature COSC-accredited mechanisms equipped with advanced materials like silicone equilibrium suspensions to boost resilience and performance.

    Historic Background and the Evolution of Timepieces
    The idea of the chronometer dates back to the need for precise chronometry for navigation at sea, highlighted by John Harrison’s work in the 18th century. Since the official establishment of COSC in 1973, the accreditation has become a benchmark for evaluating the precision of luxury watches, continuing a tradition of superiority in watchmaking.

    Conclusion
    Owning a COSC-accredited watch is more than an visual choice; it’s a commitment to quality and precision. For those appreciating accuracy above all, the COSC accreditation offers peacefulness of thoughts, ensuring that each accredited timepiece will perform reliably under various circumstances. Whether for personal satisfaction or as an investment decision, COSC-certified watches distinguish themselves in the world of watchmaking, maintaining on a tradition of precise chronometry.

    回复
  45. Marcelcrolf说道：
    2024年4月26日 上午1:47

    https://mexicoph24.life/# mexican pharmacy

    回复
  46. Michaelsew说道：
    2024年4月26日 上午1:45

    http://canadaph24.pro/# buying drugs from canada

    回复
  47. JustinTut说道：
    2024年4月26日 上午1:21

    reputable indian online pharmacy http://indiaph24.store/# india pharmacy mail order
    Online medicine home delivery

    回复
  48. Pedropaite说道：
    2024年4月26日 上午1:16

    buying prescription drugs in mexico: Online Pharmacies in Mexico – mexican online pharmacies prescription drugs

    回复
  49. Michaelsew说道：
    2024年4月26日 上午12:38

    http://mexicoph24.life/# mexican drugstore online

    回复

回复 bit.ly 取消回复

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