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

相关推荐
蓝黑20201 小时前
Vue组件通信之slot
前端·javascript·vue
蓝黑202014 小时前
Vue的 value=“1“ 和 :value=“1“ 有什么区别
前端·javascript·vue
小彭努力中1 天前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
陶甜也1 天前
3D智慧城市:blender建模、骨骼、动画、VUE、threeJs引入渲染,飞行视角,涟漪、人物行走
前端·3d·vue·blender·threejs·模型
NPCZ1 天前
vite与tailwindcss创建大屏可视化项目
vue
蓝黑20202 天前
Vue导入和注册组件
前端·javascript·vue
有来技术2 天前
Vite 8 全面 Rust 化!vue3-element-admin 升级实战,构建提速 65%
前端·vue.js·前端框架·vue
Jacky-0083 天前
Vue3+elementPlus+Vite项目
vue
VelinX3 天前
【个人学习||vue】vue
vue
苏瞳儿3 天前
前端/后端-配置跨域
前端·javascript·node.js·vue