vscode-path-alias 0.0.5
新的介绍内容:vscode-path-alias:提升VSCode路径别名跳转体验vscode-path-alias是一款为VisualStudioCode(VSCode)设计的扩展,旨在优化路径别名跳转的用户体验。该扩展特别适合那些在项目中使用路径别名的开发者。使用前提:您的项目必须包含一个src文件夹,这样扩展才能自动识别根路径。使用方法:通过Ctrl左键点击,可以快速跳转到相应的文件。特
分类: 下载/工具 · 工具软件 | 来源: 点击进入 | 版本: 0.0.5 |
日期: 2025-07-30 | 人气: | 大小: |
标签: JSON Vue typescript javascript javascriptreact typescriptreact vue-html |
功能介绍
新的介绍内容:
vscode-path-alias:提升VSCode路径别名跳转体验
vscode-path-alias是一款为Visual Studio Code(VSCode)设计的扩展,旨在优化路径别名跳转的用户体验。该扩展特别适合那些在项目中使用路径别名的开发者。
使用前提:
- 您的项目必须包含一个src文件夹,这样扩展才能自动识别根路径。
使用方法:
- 通过Ctrl左键点击,可以快速跳转到相应的文件。
- 特殊情况:当在webpack中使用
~@
路径别名作为图片路径时,Ctrl左键点击无法生效。此时,您可以使用vscode-path-alias.toSecondDefinition命令进行跳转,建议为此命令设置快捷键。
功能特点:
- 在package.json中,Ctrl左键点击
devDependencies
或dependencies
时,将跳转到node_modules中对应的package.json文件。 - 路径别名@ 对应src文件夹。
- 路径别名~@ 在webpack中对应src文件夹,但由于VSCode的机制,如果在图片URL中使用
~@
,仅右键并选择“跳转到定义”有效。此时,您可以使用vscode-path-alias.toSecondDefinition命令替代Ctrl左键点击。 - 支持简写语法,如省略index.js、index.vue、.js、.vue等。如果省略.vue文件扩展名,需要使用vscode-path-alias.toSecondDefinition命令而非Ctrl左键点击。
- 自动读取vue.config.js中的别名配置,如果您有vue.config.js文件,需要以特定的格式配置别名,例如
.set("@", resolve("src"))
。
vue.config.js配置示例:
const path = require("path")
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
......
chainWebpack: config => {
config.resolve.alias
.set("@", resolve("src"))
.set("@assets", resolve("src/assets"))
.set("@components", resolve("src/components"))
.set("@views", resolve("src/views"))
.set("@api", resolve("src/api"))
.set("@utils", resolve("src/utils"))
.set("@common", resolve("src/common"))
.set("@mixins", resolve("src/mixins"))
.set("@map", resolve("src/map"))
.set("@layout", resolve("src/views/layout"))
}
}
通过vscode-path-alias扩展,开发者可以在VSCode中更高效地管理和跳转路径别名,提升开发效率。
版本声明
本文转载于:https://marketplace.visualstudio.com/items?itemName=zhuzhuzhuzhuxia.vscode-path-alias 如有侵犯,请联系study_golang@163.com删除
更多
相关下载
查看更多
课程推荐
-
- Golang云原生架构师课程
- Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
- 204次学习
-
- MySQL数据管理之备份恢复案例解析视频教程
- 《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
- 163次学习
-
- MySQL索引优化解决方案
- 本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
- 182次学习
-
- 极客学院Docker视频教程
- Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
- 243次学习
-
- Golang进阶实战编程
- 本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
- 128次学习
-
- JavaScript极速入门
- 本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......
- 431次学习
查看更多
相关文章
-
- Golangmap实践及实现原理解析
- 2022-12-28 505浏览
-
- GoLand调式动态执行代码
- 2023-01-13 502浏览
-
- 试了下Golang实现try catch的方法
- 2022-12-27 502浏览
-
- 用Nginx反向代理部署go写的网站。
- 2023-01-17 502浏览
-
- MySQL主从切换的超详细步骤
- 2023-01-01 501浏览
-
- Mysql-普通索引的 change buffer
- 2023-01-25 501浏览