Vue3 & Vite 项目踩坑札记

1、项目创建① npm init vite@latest my-vue-app -- --template vue② npm i③ 运行: npm run dev④ 安装 vuex npm install vuex@next --save2、Vue建立了很多模块后,要分清楚自己在运行哪个模块,要不然改其他模块也不会显示在网页上效果。at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip
摘要由CSDN通过智能技术生成

1、项目创建

npm init vite@latest my-vue-app -- --template vue

npm i

③ 运行: npm run dev

④ 安装 vuex npm install vuex@next --save

2、Vue建立了很多模块后,要分清楚自己在运行哪个模块,要不然改其他模块也不会显示在网页上效果。
at <Home onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {__v_skip: true} > > 
at <RouterView> 
at <App>

在这里插入图片描述

3、函数间要加封号!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
为搭建一个Vue3 TypeScript Vite项目,你可以按照以下步骤进行操作: 1. 首先,你需要掌握Vue3的基本使用。你可以参考我在Vue专栏中的《跟着官网学习Vue3》系列文章,这些文章应该能够帮助你基本掌握Vue3的使用方法。 2. 接下来,你可以考虑使用Pinia作为Vue的状态管理库,它可以满足小型项目的需求,并且使用简单。你可以尝试使用Pinia代替Vuex。 3. 在项目中使用windicss,它是一种轻量级的CSS框架,可以帮助你快速编写样式。 4. 最后,使用Vite作为打包工具,代替Webpack。Vite更加简单易用,而且天生支持许多类型的文件,比如SCSS文件,无需手动配置。如果你之前没有使用过Vite,也没有关系,通过学习一篇相关文章,你就能够掌握Vite的基本使用方法。 综上所述,你可以按照上述步骤来搭建一个Vue3 TypeScript Vite项目。希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [一篇文章教小白学会搭建 vite + ts + vue3 项目,手把手教程,不会算我输](https://blog.csdn.net/qq_17335549/article/details/128480583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Grape_L

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值