本篇内容介绍了“Vite创建Vue3项目及Vue3使用jsx的方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Vite 需要 Node.js 版本 >= 12.0.0。(node -v
查看自己当前的node版本)使用 yarn免费云主机域名:yarn create @vitejs/app
使用 npm:npm init @vitejs/app
这里输入我们的项目名称:vite-vue3
这里选择我们需要集成的框架:vue
vanilla:原生js,没有任何框架集成vue:vue3框架,只支持vue3react:react框架preact:轻量化react框架lit-element:轻量级web组件svelte:svelte框架这里我们选择:vue
项目结构非常简单:进入项目:cd vite-vue3
安装依赖:npm install
运行项目:npm run dev
或npx vite
编译项目:npm run build
或npx vite build
启动速度极快:Vite创建的Vue3项目中是无法直接使用jsx 的,需要引入插件来实现使用 yarn:yarn add @vitejs/plugin-vue-jsx -D
使用 npm: npm i @vitejs/plugin-vue-jsx -D
vite.config.js 中:方法一:修改App.vue
不使用 jsx,App.vue
是这样:使用 jsx,App.vue是这样:
相关推荐: Spring怎么为singleton bean注入prototype bean
本篇内容介绍了“Spring怎么为singletonbean注入prototypebean”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Ubuntu 22.04…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。