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 安装所有的依赖包

相关推荐
木斯佳11 小时前
前端八股文面经大全:阿里云AI应用开发二面(2026-03-21)·面经深度解析
前端·css·人工智能·阿里云·ai·面试·vue
工业互联网专业1 天前
基于Python的黑龙江旅游景点数据分析系统的实现_flask+spider
python·flask·vue·毕业设计·源码·课程设计·spider
大叔_爱编程1 天前
基于协同过滤算法的理财产品推荐系统-flask
python·flask·vue·毕业设计·源码·课程设计·协同过滤
小彭努力中2 天前
193.Vue3 + OpenLayers 实战:圆孔相机模型推算卫星拍摄区域
vue.js·数码相机·vue·openlayers·geojson
小彭努力中2 天前
192.Vue3 + OpenLayers 实战:点击地图 Feature,列表自动滚动定位
vue·webgl·openlayers·geojson·webgis
百锦再2 天前
Vue不是万能的:前后端不分离开发的优势
前端·javascript·vue.js·前端框架·vue
BUG创建者2 天前
openlayers上跟据经纬度画出轨迹
开发语言·javascript·vue·html
ん贤2 天前
首屏优化实践:如何将 Vue3 + Vite 项目的加载速度提升3倍
性能优化·vue·vite
A_nanda2 天前
一款前端PDF插件
前端·学习·pdf·vue
沐硕2 天前
校园招聘系统
spring boot·vue·校园招聘