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

相关推荐
碧水澜庭4 小时前
头条【vue+fastapi 】全栈教学项目系列之《02_双系统零基础环境搭建手册》
vue·fastapi
DsirNg2 天前
从 `@wheel.prevent.stop` 到事件捕获:一次讲清浏览器事件流与 Vue 事件修饰符
javascript·vue·事件修饰符·事件冒泡·dom 事件·事件捕获·wheel
其美杰布-富贵-李2 天前
Vue 3 模板语法速通:彻底理解 `:`、`@`、`#`、`v-if`、`v-for` 与 `v-model`
vue
DsirNg3 天前
基于拓扑排序的画布自动布局:用最长上游路径决定节点列级
vue·流程图·拓扑排序·状态管理·有向图·自动布局·最长路径
way_hj4 天前
Flask笔记(2)快速web项目
笔记·flask·vue·web
Sterting4 天前
初识Vue3与开发环境搭建
前端·vue
sugar__salt5 天前
跟着 Demo 学 Pinia:两种仓库写法 + 完整 TodoList 复现
前端·javascript·vue.js·前端框架·vue
弹简特5 天前
【Vue3速成】09-Element Plus 核心组件实战与原理解析
vue·element-plus
钛态5 天前
AI 辅助:前端框架反模式:过度封装、状态滥用与副作用失控
前端·vue·react·web
by__csdn5 天前
Vue vs React vs Angular:前端框架终极对决
前端·vue.js·react.js·前端框架·vue·react·angular