怎么使用vite+vue3.0+ts+element-plus搭建项目


这篇文章主要介绍“怎么使用vite+vue3.0+ts+element-plus搭建项目”,在日常操作中,相信很多人在怎么使用vite+vue3.0+ts+element-plus搭建项目问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用vite+vue3.0+ts+element-plus搭建项目”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!vite是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,在生产环境下基于 Rollup 打包。
快速的冷启动:不需要等待打包操作;即时的热模块更新:替换性能和模块数量的解耦让更新飞起;真正的按需编译:不再等待整个应用编译完成,这是一个巨大的改变。node v12.19.0@vue/cli 4.5.8或
vite.config.t免费云主机域名s 相当于 @vue-cli 项目中的 vue.config.js修改app.vue在 src 下新建 views文件夹,并在文件夹内创建 index.vuePS:在引入.vue文件时一定要带上后缀名,否则会报找不到文件在views文件夹内创建 HelloWorld.vueEditcomponents/HelloWorld.vuetotesthotmodulereplacement.在 src 下新建 router 文件夹,并在文件夹内创建 index.ts把原本的main.js改为main.ts,修改后别忘记把index.html里面也改为main.ts细心的同学这时可能已经发现:在 ts 文件中引入 .vue 文件时出现以下报错,但是不影响代码正常运行报错原因:typescript 只能理解 .ts 文件,无法理解 .vue文件解决方法:在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件,并写入以下内容:到此,关于“怎么使用vite+vue3.0+ts+element-plus搭建项目”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: Go递归函数、函数类型、匿名函数与闭包怎么用

今天小编给大家分享一下Go递归函数、函数类型、匿名函数与闭包怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。递归指函数可以直接或间接的调用自…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/21 16:37
下一篇 02/21 16:38

相关推荐