idea 导入 Vue 项目并运行（超级详细步骤）

最新推荐文章于 2024-09-21 18:24:56 发布
最新推荐文章于 2024-09-21 18:24:56 发布
阅读量5.7w 收藏 137
点赞数 30
分类专栏： 前端框架 文章标签： idea 导入 vue 项目 超级详细 图文教程idea 导入 vue vue在idea中运行
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FBB360JAVA/article/details/104480578
版权

文章目录

前言

首先，准备一个 vue 项目，如果不知道如何创建，请参考：
Vue UI 创建并运行前端项目

导入 Vue 项目

开始导入

在这里插入图片描述

选择项目

在这里插入图片描述
选择之后，直接点击 ok 即可。

选择项目类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
完成，点击 Finish。

运行前的准备

File -> Settings 中设置JS 版本

在这里插入图片描述

Vue.js 的插件

在 Plugins 中搜一下 vue，安装次数最多的那个进行安装就 ok 了。
我这个是安装过的。
在这里插入图片描述

开始运行

在这里插入图片描述

运行过程

使用命令：

// 初始化
npm install
// 启动服务
npm run serve

在这里插入图片描述
运行过程没有出现错误，然后查看运行结果！

查看结果

在这里插入图片描述

如此便大功告成！
另外，Ctrl + C 可以结束运行。

你家宝宝
关注
专栏目录
IDEA导入Vue前端项目
u010312671的专栏
04-28 1万+
前言 最近接手一个前后端分离的项目。前端是使用vue，然后我配置了node.js环境后，使用IDEA把该vue项目导入，因为也是第一次导入vue项目，所以项目如何启动，以及报错如何处理，瓜瓜我记录下。 操作步骤 1.IDEA中导入（File->Open…），如下图: 2.启动项目设置: 3.启动后出现以下错误: 解决方式:当看到这个问题，别慌，新手必经啊。 如上图，执行完cnpm...
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
主要介绍了使用IDEA工具配置和运行vue项目及遇到的坑,需要的朋友可以参考下
如何导入一个Vue并成功运行
最新发布
weixin_64178283的博客
09-21 1329
注意1：要确保自己已经成功创建了一个Vue项目，创建项目教程在注意2：以下操作均在VS Code，教程在。
idea 运行vue项目
程序前行者的博客
07-14 4万+
1、idea中安装vue.js 点击File–>Settings–>Plugins–>搜索vue.js插件，下面的图中我已经安装好了 2、到node官网下载安装node.js 官方下载链接. node.js 安装过程 傻瓜式安装，直接下一步就可以了3、配置node.js 环境 打开cmd命令窗口 输入node -v npm -v 查看版本node.js 安装路径D:\Program Files\nodejs ......
idea如何部署运行Vue项目？一文看懂
code_space
12-12 1万+
- 习惯了用idea，如果用vscode或者其它编辑器来编写运行vue的话，很多快捷键不习惯，幸好idea有vue的插件，可以方便长期写后端的人用idea写vue。
idea如何运行vue项目
2302_76469985的博客
03-05 4893
idea运行vue项目，超简单！！！
idea 导入vue项目 并运行
weixin_43525284的博客
08-22 1125
idea运行vue项目 记录过程
idea中启动vue项目
热门推荐
但惜流年的博客
12-27 6万+
想使用vue必须先安装node.js : Node.js下载 安装直接全部点击下一步最后完成安装 安装结束后打开cmd命令窗口 输入以下命令验证是否安装成功,如出现版本号则安装成功 node -v npm -v 安装成功后,在cmd命令窗口使用如下命令安装npm的国内镜像cnmp npm install -g cnpm --registry=http://registry.npm.taoba...
idea中导入vue项目并运行
好幸运
03-06 1万+
一、idea打开vue项目卡死问题解决 file -> settings -> File Types -> ActionScript -> *.as -> 给下面添加node_modules; 然后 apply -> ok 二、nodejs安装 idea中导入vue项目并运行 1. 下载node.js 在搭建vue的开发环境之前，先下载node.js，下载地址：https://nodejs.org/en/https://blog.csdn.ne...
教你使用 IDEA 配置和运行vue项目(1).zip
02-20
vue
从头搭建VUE环境，使用IDEA 2021创建VUE项目
Klee2020的博客
03-10 8245
从零搭建VUE环境 IDEA 2021 创建VUE工程
用idea导入vue项目出现背景高亮
05-05
如果您使用的是IDEA Ultimate，则可以通过安装Vue.js插件来实现Vue...如果以上步骤都没有解决您的问题，可以尝试在IDEA中安装其他的Vue.js插件或者重新创建一个新的Vue项目，并仔细按照Vue.js文档中的步骤进行配置。
IDEA导入Eclipse项目
斧头湖懒客
02-17 1万+
新到一家公司，会接收公司的一些老项目，而这些老项目是用eclipse写。 一，导入Eclipse项目至idea File – New – Project from Existing sources。 选择你的eclipse项目 或者在IDEA启动欢迎页选择 import project 此步比较关键，选择Eclipse，往后直接next next finish 就可以了。 详细步骤 select Eclipse project directory这个页面，建议不做更改，使用默认设置，直接点击Next即
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
Bulut0907
07-22 3218
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
Intellij IDEA引入vue项目并进行配置和运行的方法
空调不够冷
04-11 5353
不要使用 import 去引入项目，因为不是传统的项目 结构 这样打不开，直接使用open 打开文件夹即可。 步骤1： 点击File–>Settings–>Plugins–>搜索vue.js插件进行安装，下面的图中我已经安装好了。 步骤 2：搭建node.js环境 下载node.js。 可以去官网下载，选择 LTS长期支持版。 安装过程就很简单，直接下一步就行。 ...
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你家宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值