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

/ 18,072评论 / 63457阅读 / 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说道:

    get generic propecia online: cost of propecia without a prescription – order propecia pills

  2. Davidfrify说道:

    nolvadex online nolvadex 20mg nolvadex gynecomastia

  3. Davidfrify说道:

    order cheap propecia pills how cЙ‘n i get cheap propecia pills buying generic propecia without rx

  4. WilliamRen说道:

    http://cytotec.club/# Cytotec 200mcg price

  5. Davidfrify说道:

    Misoprostol 200 mg buy online п»їcytotec pills online cytotec buy online usa

  6. Davidfrify说道:

    Misoprostol 200 mg buy online buy cytotec over the counter Misoprostol 200 mg buy online

  7. RandallGuesE说道:

    ciprofloxacin generic: ciprofloxacin generic – ciprofloxacin generic price

  8. RandallGuesE说道:

    cost propecia tablets: get generic propecia tablets – order generic propecia price

  9. RonaldSwobe说道:

    http://cytotec.club/# buy cytotec in usa

  10. RonaldSwobe说道:

    http://lisinopril.network/# lisinopril cost 40 mg

  11. RandallGuesE说道:

    buy cytotec over the counter: Misoprostol 200 mg buy online – buy cytotec over the counter

  12. WilliamRen说道:

    http://nolvadex.life/# nolvadex estrogen blocker

  13. Davidfrify说道:

    nolvadex 10mg nolvadex only pct tamoxifen and weight loss

  14. WilliamRen说道:

    https://finasteride.store/# cost of cheap propecia price

  15. Davidfrify说道:

    where can i buy nolvadex aromatase inhibitor tamoxifen buy tamoxifen

  16. RonaldSwobe说道:

    https://nolvadex.life/# tamoxifen blood clots

  17. RandallGuesE说道:

    lisinopril 20 mg buy: lisinopril 1 mg tablet – lisinopril 7.5 mg

  18. Davidfrify说道:

    tamoxifen breast cancer nolvadex pills tamoxifen menopause

  19. WilliamRen说道:

    http://nolvadex.life/# tamoxifen dosage

  20. RonaldSwobe说道:

    http://cytotec.club/# order cytotec online

  21. RandallGuesE说道:

    buying cheap propecia without prescription: buying propecia price – cheap propecia pills

  22. RandallGuesE说道:

    buy cipro cheap: buy cipro – buy cipro online

  23. Uysfhp说道:

    microzide 25mg ca – generic prinivil buy bisoprolol 10mg pills

  24. RandallGuesE说道:

    order cheap propecia price: generic propecia price – propecia price

  25. WilliamRen说道:

    http://finasteride.store/# order propecia pills

  26. Davidfrify说道:

    nolvadex pills tamoxifen lawsuit clomid nolvadex

  27. Davidfrify说道:

    lisinopril 10 mg no prescription zestoretic online buy cheap lisinopril 40mg

  28. Davidfrify说道:

    cost of cheap propecia how cЙ‘n i get cheap propecia pills buying propecia online

  29. WilliamRen说道:

    https://nolvadex.life/# how to get nolvadex

  30. Zayxuu说道:

    order lopressor 50mg sale – inderal 20mg pill nifedipine 10mg brand

  31. RandallGuesE说道:

    ciprofloxacin order online: cipro – cipro generic

  32. WilliamRen说道:

    https://lisinopril.network/# prinivil 20 mg tablet

  33. RandallGuesE说道:

    ciprofloxacin 500mg buy online: buy ciprofloxacin – cipro 500mg best prices

  34. Davidfrify说道:

    lisinopril 40 mg india buy lisinopril online usa lisinopril cost

  35. Davidfrify说道:

    cipro 500mg best prices antibiotics cipro ciprofloxacin generic price

  36. RonaldSwobe说道:

    http://finasteride.store/# get propecia tablets

  37. RonaldSwobe说道:

    http://finasteride.store/# cost of propecia without rx

  38. RandallGuesE说道:

    does tamoxifen cause weight loss: tamoxifen and bone density – does tamoxifen make you tired

  39. Davidfrify说道:

    cheap propecia online cost cheap propecia pill cost of propecia for sale

  40. Davidfrify说道:

    cheap propecia online cost generic propecia without insurance buying generic propecia for sale

  41. Scottvaw说道:

    주식신용
    로드스탁과 레버리지 스탁: 투자법의 참신한 영역

    로드스탁에서 제공하는 레버리지 방식의 스탁은 주식 시장의 투자법의 한 방법으로, 상당한 수익률을 목표로 하는 투자자들을 위해 유혹적인 옵션입니다. 레버리지 사용을 사용하는 이 방법은 투자하는 사람들이 자신의 자본을 초과하는 자금을 투입할 수 있도록 하여, 증권 시장에서 훨씬 큰 힘을 가질 수 있는 기회를 공급합니다.

    레버리지 스탁의 기본 원칙
    레버리지 스탁은 원칙적으로 투자금을 빌려 투자하는 방법입니다. 예시를 들어, 100만 원의 자본으로 1,000만 원 상당의 주식을 구매할 수 있는데, 이는 투자하는 사람이 기본적인 자본보다 훨씬 더욱 많은 주식을 취득하여, 주식 가격이 상승할 경우 관련된 더 큰 수익을 가져올 수 있게 해줍니다. 하지만, 증권 값이 하락할 경우에는 그 피해 또한 크게 될 수 있으므로, 레버리지 사용을 사용할 때는 신중해야 합니다.

    투자 계획과 레버리지 사용
    레버리지 사용은 특히 성장 가능성이 높은 기업에 투입할 때 효과적입니다. 이러한 회사에 상당한 비율을 통해 적용하면, 잘 될 경우 큰 수입을 획득할 수 있지만, 반대의 경우 큰 리스크도 감수하게 됩니다. 그러므로, 투자하는 사람은 자신의 리스크 관리 능력을 가진 시장 분석을 통해 통해, 어떤 회사에 얼마만큼의 투자금을 적용할지 결정해야 합니다.

    레버리지의 이점과 위험성
    레버리지 스탁은 높은 이익을 보장하지만, 그만큼 큰 위험도 수반합니다. 증권 장의 변동은 예측이 곤란하기 때문에, 레버리지를 이용할 때는 항상 시장 동향을 면밀히 관찰하고, 피해를 최소화할 수 있는 방법을 세워야 합니다.

    결론: 조심스러운 선택이 요구됩니다
    로드스탁에서 제공된 레버리지 방식의 스탁은 막강한 투자 수단이며, 적절히 사용하면 많은 이익을 벌어들일 수 있습니다. 그렇지만 큰 위험성도 고려해야 하며, 투자 선택은 필요한 정보와 신중한 고려 후에 이루어져야 합니다. 투자자 자신의 금융 상황, 리스크 감수 능력, 그리고 시장의 상황을 반영한 균형 잡힌 투자 방법이 중요하며.

  42. WilliamRen说道:

    http://lisinopril.network/# п»їbuy lisinopril 10 mg uk

  43. CharlesPum说道:

    SEO раскрутка сайта в топ https://seositejob.ru/ Яндекс и Google от профессионалов.

  44. RandallGuesE说道:

    cost of generic propecia without dr prescription: cost of propecia tablets – cost cheap propecia online

  45. casino_cuot说道:

    casino bono de bienvenida sin deposito peru https://sin-deposito-peru.org .

  46. WilliamRen说道:

    https://finasteride.store/# propecia tablets

  47. RonaldSwobe说道:

    https://lisinopril.network/# lisinopril comparison

回复 WilliamRen 取消回复

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