Vue3-使用create-vue创建项目

认识create-vue

create-vue是Vue官方新的脚手架工具,底层切换到了vite(下一代构建工具),为开发提供极速响应。

使用create-vue创建项目

1.前提环境条件

已安装16.0或更高版本的Node.js

node -v

2.创建一个Vue应用

npm init vue@latest

这一指令将会安装并执行create-vue

启动项目

项目目录和关键文件

createApp()创建一个实例

createRouter()创建一个路由

createStore()创建一个仓库

将创建实例进行了封装,保证每个实例的独立封闭性

将Vetur禁用,是vue2使用的

安装volar,vue3使用

相关推荐
每天开心5 分钟前
噜噜旅游App(4)——搜索页面开发教程:热门推荐与关键词搜索模块
前端·前端框架
前端赵哈哈6 分钟前
🚀 从 Windi CSS 迁移到 Tailwind CSS v4 完整实践指南
前端·css·vue.js
ybr17 分钟前
基于react-router-dom, view transition 实现路由切换过渡动效
前端
饮茶三千18 分钟前
FreeMarker在保险电子保单/保函模板中的应用
前端·后端
前端的日常20 分钟前
提升开发效率,VSCode 中的两大神器
前端
掘金0121 分钟前
vue父子组件处理异步操作
前端
前端拿破轮21 分钟前
腾讯面试官:手写一个节流防抖看看
前端·javascript·面试
月亮css21 分钟前
vue3页面缓存,使用keep-alive的include不生效
前端
七淮22 分钟前
css字体加载闪烁问题解决方案
前端
鑫鑫啊吖23 分钟前
前端图片压缩优化方案:基于 Canvas 的动态压缩策略
前端