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

相关推荐
胡斌附体20 小时前
vue父子组件通信的使用, 跟新v-model
vue·v-model·使用场景·emit·子父组件通信·change事件
「、皓子~1 天前
AI创作系列(2):UniApp跨端开发实战 - 海狸IM移动端完全由AI编写
开发语言·人工智能·uni-app·开源·vue·开源软件·ai编程
sunshine_程序媛2 天前
在Vue2项目中引入ElementUI详细步骤
前端·ui·elementui·前端框架·vue
努力了吗梁同学2 天前
Nuxt3 中使用 pnpm 安装的 NuxtImg 使用会提示找不到图片
前端·vue·pnpm·nuxt·nuxtimg
sg_knight2 天前
Rollup vs Webpack 深度对比:前端构建工具终极指南
前端·javascript·webpack·node.js·vue·rollup·vite
二倍本贝2 天前
【慧游鲁博】【12】小程序端 · 智能导览对接后端文物图片识别功能
小程序·uni-app·vue·软件工程
bingbingyihao3 天前
UI框架-通知组件
前端·javascript·vue
陌上烟雨寒3 天前
vue手写一个步骤条steps
javascript·css·vue
米奇找不到妙妙屋3 天前
部分请求报 CROS ERROR
spring boot·vue
sunbyte3 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | FAQ Collapse(问题解答折叠面板)
前端·javascript·css·vue·tailwindcss