使用vite搭建Vue3项目

全局安装create-vite-app

# yarn
yarn global add create-vite-app@1.18.0 # npm
npm i -g create-vite-app@1.18.0

创建项目目录

# oreo-ui是项目名称
cva oreo-ui
create-vite-app oreo-ui

根据提示安装对应依赖

1.cd oreo-ui
2.npm install(or `yarn`)
3.npm run dev(or `yarn dev`)

预览项目

在浏览器输入http://localhost:3000 即可预览

小知识

vite文档给出的命令是

npm init vite-app

yarn create vite- app

等价于

全局安装create-vite-app

然后cva

等价于

npx createa-vite -app

即npx会帮你全局安装用到的包

使用vite搭建Vue3项目相关推荐

vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目 vue3.0+TS+AntDesignVue项目 vite 初始化vite项目配置项目配置typescript 配置Vue Router 配置Vuex 配置Ant ...
Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）
Vite 先让我说几句废话. 在写本文时 Vite 没有提供 Vue2 的创建方式. 相信有些开发者还没开始学 Vue3,但又想尝尝 Vite.那可以参考本文的进食方式. 如果心急的话,"0 ...
vite搭建vue2项目
问题提出最近在做一个练习的小项目,由于要配合组成员的其它成员来搭建项目,大多掌握的技术栈都在vue2,用惯了vite来搭建(vite真香~),就想着来搭建一个vue2的项目.原本以为查下百度很快可以 ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
vue - - - - vite创建vue3项目（不使用TS）
vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...
使用vite安装vue3项目，vue3安装router和vuex
目录安装vite/创建vue3项目安装router 安装vuex vite+vue3的axios配置及跨域安装vite/创建vue3项目推荐vite+vue3+elementplus教程,看这 ...
搭建vue3项目时出现Cannot read property ‘nextSibling‘ of null报错
记录自己学习中,出现的错误在搭建vue3项目,配置router,vuex,element-ui后,运行项目页面白屏,控制台出现了Cannot read property 'nextSibling' ...
vue-cli 将被 create-vue 替代？初始化基于 vite 的 vue3 项目为何如此简单？
大家好,我是若川.最近组织了源码共读活动<1个月,200+人,一起读了4周源码>,已经有超50+人提交了笔记,群里已经有超1500人,感兴趣的可以点此链接扫码加我微信 ruochuan12 ...

使用vite搭建Vue3项目

全局安装create-vite-app

创建项目目录

根据提示安装对应依赖

预览项目

小知识

vite文档给出的命令是

等价于

等价于

使用vite搭建Vue3项目相关推荐

最新文章

热门文章