idea导入VUE项目报错

原创 已于 2022-05-30 11:23:44 修改 · 2.4k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#intellij-idea #vue.js #java

于 2022-05-30 11:13:41 首次发布
博客介绍了在IntelliJ IDEA中安装和配置Vue.js的详细步骤。包括导入vue.js、安装vue.jar、安装后设置，还解决了导入项目代码报错问题，需将es5改为es6。最后提到可根据习惯和需求更改模板内容。

说明： 每个IDEA版本对应的vue不同，请下载自己需要的vue版本。

1、导入vue.js

打开idea,File->Setting->Plugins,查找vue，点击安装，安装后重启idea。
在这里插入图片描述

2、安装vue.jar

根据idea下载对应插件，下载地址https://plugins.jetbrains.com/plugin/9442-vue-js/versions
下载完成后将解压后的文件安装到自己的IDEA安装目录下的plugins文件夹中
打开idea,File->Setting->Plugins，在设置中点击Install plugins from disk，找到下载的vue.jar文件，然后重启ieda。
在这里插入图片描述

3、安装后设置

setting–>Editor–>File Types 找到vue模板，添加*.vue。
在这里插入图片描述

4 导入vue项目了，打开index.vue，文中代码报错

（这是由于idea和es5不同步，需要将es5改为es6，才能使项目不报错）

在这里插入图片描述

选择了es6的选项（既然作为高逼格的语言，那vue还是搭配高逼格的es6吧）

5、验证

到此vue文件的图标就变成

在这里插入图片描述

6、模板内容需要根据开发习惯和需求进行更改

在这里插入图片描述

实现vue3版本uniapp hbuilder 转 vue-cli
程序员诚哥
03-21 1526
有个开源项目是用hbuilder编译的，现在想通过vue cli实现。本文记录过程中的采坑。
【Electron】Vite+Ts 项目内配置路径别名 “@/“
m0_64494670的博客
01-03 2974
[plugin:vite:import-analysis] Failed to resolve import "@/components/HelloWorld.vue" from "src\App.vue". Does the file exist? C:/Users/ttatt/Desktop/te/getLive/gitee/webElectron/src/App.vue:2:23 1 | import { defineComponent as _defineComponent } from "vu
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
01-21
IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version 和Export declarations are not supported by current JavaScript version报错都是一个解决办法 js文件报错 第一步，点开设置 第二步，点语言和框架 第三步，把版本号由默认的改成6.0或者6 第四步，点应用，完成就可以了 到此这篇关于关于IDEA中的.VUE文件报错 Export declarations are not supported by curre
idea引入vue插件报错_关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version...
weixin_35813719的博客
01-17 1213
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript versionIDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version 和Export declarations are not supp...
【IDEA/WebStorm运行Vue项目报错】
qq_45278500的博客
12-01 2559
使用IDEA或者WebStorm运行Vue项目时，解决代码爆红问题
IDEA中vue文件出现红色波浪线问题解决.pdf
12-16
在使用IntelliJ IDEA（IDEA）开发Vue项目时，可能会遇到一个问题，即Vue文件中出现红色波浪线，这通常表示代码存在错误或警告。红色波浪线的出现可能是由于IDE的配置问题或者代码不兼容当前设定的JavaScript版本。...
IDEA配置VUE项目导入调试大全-Maven、nodejs、JDK、项目导入、问题解决
洋葱专栏-有灵魂的程序员
02-01 806
maven 环境变量的配置 https://blog.csdn.net/love_caicai/article/details/82228985 使用IntelliJ IDEA 配置JDK（入门） https://blog.csdn.net/nobb111/article/details/77116259 最简单的在IntelliJ IDEA导入一个本地项目教程 https://blog.csdn.net/luo609630199/article/details/82706322 ...
【高效开发Vue项目的IntelliJ IDEA使用技巧】
最新发布
王大师企业官方博客
05-10 1516
本文介绍了如何使用IntelliJ IDEA高效开发Vue项目的技巧。首先，通过安装Vue.js、ESLint、Prettier等插件优化开发环境，并配置智能模板提升编码效率。其次，详细讲解了开发调试技巧，包括运行配置、断点调试等。接着，强调了代码质量保障的重要性，提供了静态检查配置和代码重构技巧。此外，还分享了智能代码补全、模板优化等高效编码实践，以及Vuex管理、路由配置等工程化支持。最后，提出了性能优化和协作开发的建议，并列举了常见问题及解决方案。通过这些技巧，开发者可以显著提升Vue项目的开发效率。
关于idea导入springboot vue项目后，在前端项目npm install命令后报错
03-08
</think>### IDEA导入SpringBoot Vue项目执行`npm install`报错解决方案 #### 1. **检查项目基础配置** - **确认`package.json`存在** 若项目缺失该文件，在项目根目录执行： ```bash npm init --yes # 生成...
IDEA下从零开始的vue项目的创建及运行
热门推荐
初心不改
02-26 1万+
一.相关知识及准备 概念： vue：是一套框架，用于构建用户界面的渐进式框架。 vue-cli： 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。 区别： vue是一整套框架，而vue-cli只是它其中的一个脚手架 node.js:搭建Vue的环境工具,（javascript运行时），以及使用里面的npm命令安装vue项目所需的依赖包。 联系： vue-cli 是vue的命令行工具 vue-cli是一个完整的vue项目核心构成 话不多说，先安装node.js环境。 此处应有链接…!
在idea中启动Vue项目报错Love-Swiper
LoKk11的博客
09-28 762
在idea中启动Vue项目报错Love-Swiper
idea创建vue项目+vue与springboot连接（包含常见报错解决办法）
Hairless_hui的博客
11-20 784
IDEA springboot下的vue创建及一些常见问题
vue项目的导入idea以及环境搭建中提示错误的处理方法
weixin_45623967的博客
03-27 1363
环境安装 1.安装nodejs,默认下一步就OK node.js官网，https://nodejs.org/en/
普歌-码上鸿鹄团队-Vue的环境搭建、项目创建及项目运行
~柚子味的诗~的博客
09-20 319
Vue的环境搭建、项目创建及项目运行1.搭建Vue环境node.js的安装cnpm的安装vue-cli的安装快速创建一个基于webpack的项目框架运行一个已经存在的项目 参考: vue.js. 1.搭建Vue环境 Vue运行环境的搭建需要具备的东西： node.js环境：npm包管理器 cnpm：npm的淘宝镜像 vue-cli：脚手架构建工具 node.js的安装 note：npm包管理器是集成在node中的，安装了node也就有了npm，输入npm -v命令，会显示npm的版本信息。 cnpm的
mac pro idea2019.3.5安装vue.js插件 nothing found问题
kingchen2010的专栏
10-17 730
问题描述：mac pro idea2019.3.5安装vue.js插件 结果：nothing found 方法解决：当出现这个问题的时候，我也尝试按网上说的把proxy auto勾选上，但尝试下来，还是不行。最直接的办法：去idea官网下载vue插件，然后本地安装。 插件下载地址 选择对应版本的安装包 选中刚刚下载的插件包就可以了。 ...
vscode导入vue项目各种报错以及解决方式
2401_83196638的博客
06-02 1902
运行vue各种报错
ts文件中引用vue文件报错解决办法
Jeromewontstop
08-17 861
在ts文件中引入vue文件，会爆红的解决方案
idea 打开vue 不能识别@路径
lmj3732018的博客
02-23 3182
第一步： 再根目录自定义一个文件，如webpath.config.js,内容为： 'use script' const path = require('path'); function resolve(dir) { return path.join(__dirname, dir); } module.exports = { resolve: { alias: { '@': resolve('src') } } };
IDEA打不开.vue文件的处理方法
新晋IT男
03-18 3602
第一步：先安装vue插件： file --> settings --> plugins，然后什么都不用输入，直接点击Browse repositories… 紧接着左上方输入“vue”，点击搜索结果里的vue.js，右边会有绿色install按钮，安装成功后重启idea，这样idea就能识别.vue文件了。 第二步：设置vue新建文件模板。 file–>setting–>editor–>file and code Templates，选择Vue File，然后可以在右边框中
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值