vue3 elementPlus在webstorm上的一些问题

最新推荐文章于 2024-07-22 14:08:28 发布
最新推荐文章于 2024-07-22 14:08:28 发布
阅读量2.2k 收藏 3
点赞数
文章标签： webstorm 前端 javascript vue3 elementPlus
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QiZi_Zpl/article/details/128128758
版权

问题1：所有的el-开头的组件，在webstorm上都显示unknown html tag。

解决办法：在该路径下存在一个这个文件，node_modules/element-plus/web-types.json。该文件是为了在vue3中解决一些代码提示性问题而存在的。但是这个文件的解析需要webstorm版本至少大于2021.2版本才行。以下截图是webstorm2021.2功能新增说明。

问题2：在webstorm上，按住Ctrl+单击，无法跳转el-开头的组件声明文件。

解决办法：关闭webstorm，然后删除项目文件夹中的那个.idea文件。再重新用webstorm打开该项目即可。

小朱小先生
关注
vue3+ElementPlus后台管理搭建（一）
citadel1的博客
01-15 9421
vue3+ElementPlus后台管理搭建（一） 基础布局+侧边栏 项目创建 创建项目时选择vue3.x，同时选择vue-router 和vuex 项目结构： 2. element-plus安装 2.1安装 yarn add element-plus 2.2引用 在vue项目中，打开 main.js文件 ...... import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' createApp(Ap
vue3+elementplus+ts+vite+router4+springboot版CRM客户关系管理系统
coder1998的博客
09-27 1087
一 项目介绍 CRM客户关系管理系统是基于VUE3+elementplus+vite+ts开发的前后端分离的项目，从系统登录，后台首页，客户维护，销售维护，报表管理，员工管理，系统管理等等功能 含有客户关系系统和权限系统。 二 项目开发技术和工具 前端：vue3 elementplus vite ts vuex router4 echart 等技术点 后端：springboot mybatis springmvc spring springsecurity jwt 等技术点 数据库: 关系型数据库m
用webstorm开发的element-ui+vue.js的一个前端管理系统，mock模拟数据
04-30
该资源是基于webstorm开发的一个前端管理系统，后端数据使用mock模拟生成，可以直接登录使用。代码仅供学习参考。
解决 elementUI 组件在 WebStorm 中显示为未知标签的问题
最新发布
学习笔记
07-22 388
把它改成大写就可以了。
使用Vue3+ElementPlus发现Webstorm没有标签提示问题解决
weixin_44454223的博客
09-18 5875
1.一开始百度思考解决问题：webstorm + vue，解决使用element-ui无代码提示的问题_干饭人的食堂-CSDN博客_elementui没有提示 但是发现这是老版本的ElementUI解决方案；然后去官方论坛搜索发现有相识问题，但是都没有回答解决； 2.个人解决方法是: 将node_moudles加入setting的javascript的Libraries包管理后再在本地另外一个测试项目npm install element-ui -S，将其中的element-ui加入包管理，并设置为全局依
前端笔记(三)：WebStrom 开发 Vue，Ctrl + 左键 失效问题
扛麻袋的少年的博客
11-01 6481
在使用 WebStrom 开发 Vue 项目时，碰到了 Ctrl + 左键跳转到组件时，Ctrl + 左键 失效问题，导致无法跳转到指定页面的问题。刚开始以为是和其他应用 快捷键 冲突的原因，然而最终也不是。 出现这个问题的原因，与 webpack 有关。是因为 WebStorm 中有专门的 webpack 的相关配置，默认的路径是项目根目录下的 webpack.co...
WebStorm打断点调试Vue项目--方法/实例
热门推荐
IT利刃出鞘的博客
11-21 1万+
本文介绍如何通过在WebStorm里打断点来调试Vue项目。
创建了一个vue3项目，文件夹cmd可以直接启动，打开webstorm反而不能启动了，提示缺少文件
nagenagena_的博客
09-03 115
创建了一个vue3项目，文件夹cmd可以直接启动，打开webstorm反而不能启动了，提示缺少文件
vue3+element plus基础模板.zip
07-05
Element Plus是Element UI的升级版，它在Vue2的基础上进行了优化和增强，支持Vue3的特性，提供了一套丰富的组件库。 首先，让我们详细了解一下每个文件的作用： 1. `.browserslistrc`：这是一个配置文件，用于定义...
一个基于 Vite + Vue + ElementPlus 的管理后台模板.zip
11-02
3. **ElementPlus**：这是 Element UI 的下一代版本，是一个基于 Vue 的组件库，提供了丰富的 UI 组件，如表格、按钮、提示、下拉菜单等，用于快速构建美观的后台管理界面。ElementPlus 延续了 Element UI 的设计...
从零开始创建一个vue3+vite项目并集成element-plus、eslint以及prettier
ruan479118658的博客
04-03 2058
ESLint 是一个用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并避免错误。ESLint 是完全插件化的。每条规则都是一个插件，你可以在运行时添加更多。你还可以添加社区插件、配置和解析器来扩展 ESLint 的功能。
WebStrom创建Vue3+Element-Plus项目
小小爪哇工程师的博客
09-18 5875
在element-plus官网复制Button 按钮源代码 粘贴到HelloWord.vue中。再次把button代码复制到helloword文件中，启动项目。此时需要安装typescript和ts-loader。node自己配置了环境变量，直接打开cmd查看版本。打开src目录下的main.js 替换成下面代码。再次启动项目，报如下错误，原因是上图复制的代码中。（2）等待项目自动初始化完成，点击运行。（4）出现下面页面，表示vue创建成功。（3）启动完成，点击地址访问。在项目目录中执行cmd命令。
webstorm断点无效
mmmMMM12345的博客
01-05 2132
今天在调试的时候发现断点突然就不行了，最后发现是文件名中多了个空格的原因 原来的文件名是 5. A 大家注意看点和A中间多了个空格 重命名文件后 5.A 再进行断点，正常了。真是奇葩的问题 ...
[个人学习记录，附参考链接]：WenStorm无法识别vue3 // @ is an alias to /src
qq_38545425的博客
05-18 980
上问题 解决办法 项目根目录创建alias.config.js，添加内容 /** * 由于 Vue CLI 3 不再使用传统的 webpack 配置文件，故 WebStorm 无法 识别别名 * 本文件对项目无任何作用，仅作为 WebStorm 识别别名用 * 进入 WebStorm preferences -> Language & Framework -> JavaScript -> Webpack，选择这个文件即可 * */ const resolve =
webstorm + vue，解决使用element-ui无代码提示的问题
干饭人的食堂
11-11 1万+
先下载element-ui # 使用淘宝的链接（cnpm）下载 element-ui cnpm install element-ui -S 在main.js中引入 element-ui文件 // 引入 element-ui import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 按住ctrl并点击上面的 ‘element-ui’，随机会跳转到引入的文件中 右键
webstorm上没有Element-ui的提示
weixin_44277937的博客
12-15 2523
第一次出现这个问题的时候我发现自带的项目库,也就是下图中最下面未选中node_modules不是打勾的状态,而是横线未全选,我把他取消选中重新选中之后加载重启后解决问题。 第二次出现，再次记录一下，我以为和之前一样他是未全选状态，但发现不是，然后去网上搜了一下，有帖子说，可以在右侧add一下element-ui的库，从下面第二个图哪里去选node_modules中的element-ui,我的试了，但是没有用，，然后我就想到了，把整个node_modules重新加载一下，重启ide之后问题解决。
vue + webstorm + chrome 断点调试
无关内外，方圆其中
01-15 4049
背景：首先我们写程序不能保证不出错，如果写程序不会调试那也就废了。VUE官网已经给出了VUE+VSCode的调试教程，这里就不说了，如果想看请各位客官前往官网查看。因为本人比较习惯使用JetBrains全家桶，这里我将vue、webstorm、chrome三者联合起来断点调试的方法记录在这，好了不说了直接上菜。 1.webstorm 的配置 2.在vue项目中设置Source map ...
Unknown html tag如何解决
m0_69848749的博客
01-02 4972
Unknown html tag解决方法
webstorm element-plus
08-19
要在WebStorm中使用Element Plus，你需要先通过命令行工具将Element Plus安装到你的Vue项目中。你可以使用以下命令之一来安装Element Plus： 1. 使用npm： ``` npm install element-plus --save ``` 2. 使用yarn： ``` yarn add element-plus ``` 3. 使用pnpm： ``` pnpm install element-plus ``` 接下来，你需要在你的Vue项目的`main.js`文件中引入Element Plus。你可以按照以下步骤操作： 1. 在`main.js`文件中导入`createApp`函数和Element Plus： ```javascript import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' ``` 2. 在`main.js`文件中创建Vue应用实例并使用Element Plus插件： ```javascript const app = createApp(App) app.use(ElementPlus).mount('#app') ``` 这样就成功将Element Plus引入到你的Vue项目中了。 关于如何在Vue组件中使用Element Plus的具体示例，你可以在Element Plus官方文档中找到对应的组件代码。你可以从官网复制相应的组件源代码，然后将其粘贴到你的Vue组件中进行使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [WebStrom创建Vue3+Element-Plus项目](https://blog.csdn.net/weixin_45580378/article/details/126912660)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Web篇_06 搭建Vue项目（Vue3+Element Plus+Vue-cli+Webstorm）](https://blog.csdn.net/qq_58099084/article/details/124702197)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值