vite+vue3创建项目及开发常见的问题

创建项目

1、npm create vite@latest 下一步,选vue 下一步,选typescript 成功;

2、进入项目,npm install 手动安装vue和vite相关的依赖包;

3、npm run dev 运行项目

常见问题

1、dev run dev 运行项目时,报错:'vite' 不是内部或外部命令,也不是可运行的程序

或批处理文件;

原因:使用vite创建vue3.0项目的时候,vite不会自动安装相关的依赖,需要我们手动去安装,连node_modules文件夹都没有。vite不像 node 或 vue cli,会自动帮助我们执行 npm i (install) 命令去下载相关依赖,需要我们手动下载;

解决方法:npm install 安装所有的依赖包

相关推荐
苏打水com33 分钟前
前端框架深度解析:Vue 从入门到实战,掌握渐进式开发核心
vue
棋子一名10 小时前
跑马灯组件 Vue2/Vue3/uni-app/微信小程序
微信小程序·小程序·uni-app·vue·js
苏打水com12 小时前
前端框架深度解析:Vue.js 3 从 Composition API 到生态升级,解锁企业级开发新能力
vue
知识分享小能手1 天前
微信小程序入门学习教程,从入门到精通,微信小程序核心 API 详解与案例(13)
前端·javascript·学习·react.js·微信小程序·小程序·vue
小灰灰的可爱无人可替代1 天前
记录一次使用docker和docker-compose更新vue前端项目问题
nginx·docker·vue
java水泥工2 天前
酒店客房管理系统|基于SpringBoot和Vue的酒店客房管理系统(源码+数据库+文档)
spring boot·vue·酒店管理系统·酒店客房管理系统
爱看书的小沐3 天前
【小沐学WebGIS】基于Three.JS绘制飞行轨迹Flight Tracker(Three.JS/ vue / react / WebGL)
javascript·vue·webgl·three.js·航班·航迹·飞行轨迹
知识分享小能手5 天前
微信小程序入门学习教程,从入门到精通,WXS语法详解(10)
前端·javascript·学习·微信小程序·小程序·vue·团队开发
知识分享小能手5 天前
微信小程序入门学习教程,从入门到精通,WXSS样式处理语法基础(9)
前端·javascript·vscode·学习·微信小程序·小程序·vue
sniper_fandc5 天前
Vue3双向数据绑定v-model
前端·vue