idea里面运行vue3（vite）项目

最新推荐文章于 2024-03-20 10:39:08 发布
最新推荐文章于 2024-03-20 10:39:08 发布
阅读量1.8k 收藏
点赞数 1
文章标签： intellij-idea java ide vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c_xiao_dian_dian/article/details/131456135
版权

1.选择运行或调试配置->编辑配置

2.点击左上角的加号+添加新配置->找到npm

 3.package.json会自动找到你项目的package.json文件，无需更改

4.Scripts需要我们手动添加：dev

6.如果Node interpreter和Package manager为空或者报红色错误，原因是你还没有下载安装npm，安装过程可以参考：npm安装教程_安装npm_懒虫虫~的博客-CSDN博客

 

 7.点击应用和确定

8.启动项目

 

 

毕竟@
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
主要介绍了使用IDEA工具配置和运行vue项目及遇到的坑,需要的朋友可以参考下
Vue3 + Ts + Vite + pnpm 模版
06-02
描述： Vite + Vue3 + Ts + router + Vuex + axios + eslint 、prettier、stylelint、husky、gitCommit 1：模版为博客中所描述所有代码，运行即用，需要注意，一定要下载博文中的依赖才可以启动 2：项目集成多种插件，打造企业级开发模版、拆箱即用 运行 3：安装 pnpm i 4：部署打包 npm build 5：运行 npm run dev
idea如何导入vue+springboot的项目
最新发布
qq_59227359的博客
03-20 1018
下面两个勾选override之后才能更改路径，这里默认你setting.xml文件以及修改完毕，具体修改可以照着网上的方式修改，把里面的jdk都换成 你自己的版本。打开你的终端，输入npm -v,看看你的npm配置好了没，在输入node -v，看你的node下好了没。选择你自己jdk的路径，然后点ok即可，添加完就可以右键运行你的springboot项目。首先在你的idea中点击File>Open,选择你项目的路径，打开你的项目。然后如果你的项目右上角是这样的，你就可以运行你的后端springboot了。
IDEA创建vite前端vue3项目
weixin_48288941的博客
08-14 644
创建完成后，执行npm install 即可完成项目初始化。
解决 IDEA下vue3 + vite @符号无法识别的问题
Xuhai0811的博客
12-05 1149
【代码】解决 IDEA下vue3 + vite @符号无法识别的问题。
vite-plugin-native
02-07
vite-plugin-native 安装 npm i vite-plugin-native -D 用法 vite.config.js： import native from 'vite-plugin-native' ; const config = { plugins : [ native ( ) ] , } ;
安装vue,使用idea运行vue3
G_G_B的博客
05-16 2276
1.https://nodejs.org/zh-cn/，点击长期支持版进行下载2.win+R 输入cmd,输入node -v和npm -v查看版本，检查是否安装成功3.更换镜像地址npm config set registry=https://registry.npm.taobao.org成功。
使用IDEA创建Vue3通过Vite实现工程化
小丁的博客
09-11 2023
使用IDEA创建Vue3通过Vite实现工程化
用IDEA创建自定义vue3项目
m0_65985318的博客
03-04 1558
本文介绍了如何在IDEA中自定义创建vue3项目
在idea中使用vue3
m0_56195330的博客
11-17 1491
在idea中使用vue3
如何创建 且在idea中操作vue3项目
qq_49249150的博客
10-24 8258
跨域问题：在控制层Controller类上加注解@CrossOrigin解决。spring boot项目需要去yml配置文件中添加如下代码修改端口号。输入server，点击apply应用，点击ok确定。然后就可以修改前端的端口号了。然后就可以在导航栏运行。
electron-vite-quick-start:全栈使用 Vite 运行 Electron 应用程序，包括主进程
07-24
该项目已被收录到。 Electron-vite-快速启动 :high_voltage: 全栈使用 Vite来运行 Electron 应用程序，包括主进程。 :light_bulb: 项目使用管理，因此推荐使用Yarn作为包管理工具。 快速使用 # Clone this repository $ git clone https://github.com/yingpengsha/electron-vite-quick-start.git # Go into the repository $ cd electron-vite-quick-start # Install dependencies $ yarn install # Run the app $ yarn run start 建造 $ yarn run build 去做 执照
IDEA安装vue插件图文详解
01-19
非常详细的IDEA安装vue插件的方法，供大家参考，具体内容如下 1.idea上面安装vue插件 （到这里idea安装vue插件就好了，接下来我们开始搭建我们后台管理系统） 2.利用vue搭建后台管理系统，这边我们直接用半成品来搭建后台管理系统。这边我们首先克隆GitHub项目，项目地址 模板的项目目录： 3. 3.配置run启动： 4.npm install 初始化相关依赖（管理员打开cmd命令行） 5.idea中开启ES6 6.idea中开启ESlint检测 7.最后点击刚才配置的run，运行vue项 如果出现以下问题：Module build failed:
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑.doc
08-29
vue项目的启动、idea启动vue项目、idea运行vue项目、以及vue项目页面跳转逻辑、跳转vue项目页面逻辑
在idea测试vue是否能运行
12-29
vue的管理模板，只是测试一下vue项目配置是否正确
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架
基于Vue3+Vite的商品管理系统可视化页面源码.zip
08-21
基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品...
vite-vue3-template:Vite + Vue3项目模板
03-18
vite-vue3-模板Vue 3 +打字稿+ Vite项目模板
教你使用 IDEA 配置和运行vue项目.zip
02-18
教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教你使用 IDEA 配置和运行vue项目 教...
怎么创建一vue3 vite项目
09-07
你可以按照以下步骤创建一个 Vue 3 Vite 项目： 1. 确保你的电脑上已经安装了 Node.js 和 npm（Node.js 自带了 npm）。 2. 打开终端（命令行窗口），进入你想创建项目的目录。 3. 运行以下命令来全局安装 Vite： ``` npm install -g create-vite ``` 4. 在终端中运行以下命令创建一个 Vue 3 Vite 项目： ``` create-vite your-project-name --template vue ``` 将 `your-project-name` 替换为你想要的项目名称。 5. 进入新创建的项目目录： ``` cd your-project-name ``` 6. 安装项目依赖： ``` npm install ``` 7. 运行以下命令来启动开发服务器： ``` npm run dev ``` 8. 打开浏览器，访问 `http://localhost:3000`，你应该可以看到一个基本的 Vue 3 应用页面。 现在你已经成功创建了一个 Vue 3 Vite 项目！你可以开始根据需要编辑和开发你的应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值