webstorm中vue项目import的内容不能直接ctrl+鼠标点击跳转（若依等vue项目）

已于 2022-05-11 17:49:53 修改
阅读量5.1k 收藏 10
点赞数 11
分类专栏： vue 文章标签： vue.js webstorm webpack
于 2021-11-09 16:29:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangzhenhuait/article/details/121231087
版权

w方法：
1、file -> Settings -> Languages&Frameworks -> Javascript -> Webpack

在这里插入图片描述
2、点击文件夹图标，找到该项目所在位置，打开下图文件
在这里插入图片描述
3、按步骤找到webpack.config.js，选中
在这里插入图片描述
4、依次点击OK、Apply
5、小加载一会，点击import引入的内容，就会进行对应的跳转啦！

这个软件需要设计一下
关注
  • 11
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
webstorm搭建vue项目（新手参考）
01-20
安装webstorm 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。 webstorm官网 自己选择要安装的路径 然后就是一路next 2. 安装完成之后，通过校园邮箱申请免费资格 申请网址 点击APPLY NOW开始申请 然后需要填写一些信息，学历，毕业日期 以及校园邮箱等等，如实填写即可 然后一系列操作之后， 你的账号就有了一年的免费使用资格，比网上去找什么激活码要好得多。一年到期之后还可以继续申请，直到毕业，爽不爽。 3. 搭建vue之前准备工
webstorm vue项目 @/xx/xx 相对路径不能跳转到对应文件
qq_26711723的博客
04-10 277
1、跟目录(与src同级)下创建jsconfig.json。2、jsconfig.json 配置内容。
Webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to
最新发布
IT小辉同学
06-21 654
伸手需要一瞬间，牵手却要很多年，无论你遇见谁，他都是你生命该出现的人，绝非偶然。——若无相欠，怎会相见。
vue引用import“@/路径“ 有下划线并且 crtl+鼠标无法点进去
Abenazhan的博客
08-15 1441
点击file 进入到setting中 选择webpack，指定到@vue\cli-service\webpack.config.js文件 关闭idea重启即可，下划线就消失了CTRL+鼠标也能进到引用的文件中
webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to
weixin_43123984的博客
09-15 4142
webstorm vue@跳转相应路径文件
vue3 elementPlus在webstorm上的一些问题
一名业余前端的博客
12-01 2168
vue3 elementPlus在webstorm上的一些问题
前端笔记(三)：WebStrom 开发 Vue，Ctrl + 左键 失效问题
扛麻袋的少年的博客
11-01 6356
在使用 WebStrom 开发 Vue 项目时，碰到了 Ctrl + 左键跳转到组件时，Ctrl + 左键 失效问题，导致无法跳转到指定页面的问题。刚开始以为是和其他应用 快捷键 冲突的原因，然而最终也不是。 出现这个问题的原因，与 webpack 有关。是因为 WebStorm 中有专门的 webpack 的相关配置，默认的路径是项目根目录下的 webpack.co...
webstorm vue项目import @xx.js引用无法跳转
闲人一小枚
09-12 1514
mac设置 webStorm -> preferences -> Languages & Frameworks -> JavaScript -> Webpack windows设置 file -> Settings -> Languages&Frameworks -> Javascript ->​​​​​​​Webpack
vue的 import “@/”导入文件，接口，样式无法直接跳转目的文件
weixin_45766900的博客
06-13 669
在src同级目录下 新建。
webstorm+vue初始化项目的方法
10-17
今天小编就为大家分享一篇webstorm+vue初始化项目的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
webstorm中vue语法的支持详解
08-27
本文将详细介绍 WebStorm 中 Vue 语法的支持详解，包括文件类型的配置、语法高亮、代码检测等方面的内容。 一、文件类型的配置 在 WebStorm 中，对 Vue 语法的支持需要从文件类型上入手。在当前版本中，WebStorm ...
webstorm2019版本创建VUE项目
01-20
在本文中，我们将深入探讨如何在WebStorm 2019版本中创建Vue.js项目，以及遇到问题时的解决策略。Vue.js是一个流行的前端框架，而WebStorm是一款强大的JavaScript IDE，支持多种Web开发技术，包括Vue.js。然而，有时...
idea 2019 vue项目Ctrl+左键点击不能跳转到引用位置和资源位置
liheyu719489316的专栏
12-23 1239
idea 2019 vue项目Ctrl+左键点击不能跳转到引用位置和资源位置
VScode vue常用插件 Ctrl+左键 函数跳转 自定义属性跳转
热门推荐
初心
08-21 1万+
vscode-elm-jump：常规的代码跳转定义。CSS Peek：按ctrl可以跳转css定义。vue-helper：变量函数跳转定义。
vue3 ts 点击引入文件无法跳转
WKJYC的博客
06-08 584
Ctrl+shift+p 搜索show built-in extensions。点击这个import HomeView无法跳转。然后左侧继续搜索typescript。点击禁用(工作区) 然后重启。
webstorm点击@文件不能跳转
阿勇的博客
05-12 2290
新建webstorm.config.js文件放在根目录下 'use strict' const path = require('path') function resolve (dir) { return path.join(__dirname, '.', dir) } module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions: ['.js', '.vue',
关于webstorm打开Vue项目时，无法通过Ctrl+鼠标左键快速定位的解决方法，解决打开.vue文件时打开一直卡在Analyzing的状态
qq_44228012的博客
07-26 2796
关于webstorm打开Vue项目时，无法通过Ctrl+鼠标左键快速定位的解决方法，解决打开.vue文件时打开一直卡在Analyzing的状态
vscode 之 vue项目如何使用ctrl+鼠标左键跳转对应文件
ZhuangWei的博客
03-13 3672
使用vscode插件，并在vscode的文件中配置别名路径跳转（配置看插件细节说明）配置看插件细节说明）},使用这两个插件的任意一个都可以，使用插件的话是要ctrl+点击from后面的路径，不能点击import后面的变量名，然后跳转到文件，并不是快速跳转到对应变量声明的位置。使用插件的方式更加偏向于用户使用的自定义安装插件，并不适合于团队协作，毕竟设置的文件是存在用户电脑的vscode里面的，并没有在代码项目工程上。
IntelliJ IDEA在vue-cli4下，以@开头的文件路径，按ctrl+鼠标左键的跳转的方案
weixin_42471170的博客
04-28 1488
1.在项目的根目录下，新建webpack.config.js文件 编写代码： const path = require('path') module.exports = { resolve: { alias: { '@': path.resolve(__dirname, 'src') } } } 2.在编辑的file>setting>languages&Frameworks菜单下，配置javascript的Webpack的配置文件路径为，第一步所创
webstorm创建vue项目教程
02-21
当然可以！下面是使用WebStorm创建Vue项目的简要教程： 1. 打开WebStorm并点击"Create New Project"（创建新项目）。 2. 在左侧选择"Vue.js"，然后点击"Next"（下一步）。 3. 输入项目名称和位置，然后点击"Create"（创建）。 4. 在弹出的窗口中选择Vue版本（通常选择最新版本），然后点击"Next"（下一步）。 5. 选择项目模板，可以选择默认的"Default"模板或者其他模板，然后点击"Next"（下一步）。 6. 设置项目的配置选项，如语言、格式化等，然后点击"Next"（下一步）。 7. 确认项目的配置选项，然后点击"Create"（创建）。 8. WebStorm会自动下载和安装Vue的依赖包，完成后会显示一个成功的消息。 9. 点击"Open in Editor"（在编辑器中打开）按钮，即可开始编写Vue项目。 这样就完成了使用WebStorm创建Vue项目的过程。你可以在WebStorm中编写Vue组件、配置路由、管理状态等。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值