如何让vscode 识别@路劲符

最新推荐文章于 2024-12-12 17:42:45 发布

江红_

最新推荐文章于 2024-12-12 17:42:45 发布

阅读量1.2k

点赞数

文章标签： javascript css vue.js reactjs

本文链接：https://blog.csdn.net/weixin_45430932/article/details/106443973

版权

本文介绍了如何使Visual Studio Code(VSCode)识别`@`路径符号。通过安装Path Intellisense插件，并配置settings.json，开发者可以在项目中便捷地使用@路径引用。

摘要由CSDN通过智能技术生成

如何让vscode 识别@路劲符

安装 paht 插件

打开vscode 的settings.js配置文件

 	// 新增这句话   
	"path-intellisense.mappings": {
     
        "@": "${workspaceRoot}/src"
    },

在自己的项目根目录中生成一个jsconfij.json文件这个文件可以通过ctrl + 鼠标左键进入文件
```
{
     
  "compilerOptions": {
     
    "baseUrl"
```

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

江红_

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

路劲

05-02

路劲

在VScode中配置@路径提示

yy_demo的博客

06-16

2482

可以在目录看一下是否有webpack.config.js文件或者是vue.config.js文件，需要先配置一下如下代码。默认情况下使用@选择路径是没有提示的，但是这在我们选择路径的时候非常不方便，我们可以配置一下，下面是具体的步骤。可以用快捷键Ctrl+shift+p快捷键搜索setting.js,去配置代码片段。完成以上三步，你就可以到自己的代码中测试一下效果了。

参与评论您还未登录，请先登录后发表或查看评论

vscode不识别@，vue项目@不能点击跳转

qq_40751933的博客

08-09

2927

如果不行，再在本地项目根目录添加jsconfig.json文件。vscode不识别@，vue项目@不能点击跳转。先安装vue peek，看看报不好使。

解决VSCode无法识别相对路径的问题

最新发布

ZZLLLLLLZ的博客

12-12

2738

近日在学习python文件操作时，发现使用VSCode作为编辑器时，文件的相对路径会出问题，报错“指定路径下找不到文件”，无法找到想要的文件。上述两者效果是一致的，VSCode有UI和json文本两者形式设置，任选一种即可，笔者推荐json文本形式设置。修改原理：因为此时相对路径的【参照位置】，是打开的“工程项目文件夹”，不是源代码文件目录所在位置。在基于以上的情况下，出现了相对路径报错的问题。修改原理：此时相对路径的【参照位置】，是“当前源代码的文件目录”。为示例，此时相对路径的【参照位置】是。

Vue项目中使用@代替src——并在VScode中开启@路径自动提示

qq_45225759的博客

06-24

1462

vue项目设置@路径提示，@代替src

vscode 设置提示 @ 路径和 ~@ 路径、使用 prettier 一直把大写的PX转换成小写解决办法、ctrl+c 结束终端老是提示 Terminate batch job (Y/N)?

PBitW的博客

05-17

2250

vscode 设置提示 @ 路径和 ~@ 路径 vscode 使用 prettier 一直把大写的PX转换成小写解决办法 vscode 使用 ctrl+c 结束终端老是提示 Terminate batch job (Y/N)?

vscode配置好的c/c++环境的配置文件

04-18

总的来说，这个压缩包为C++开发者提供了一站式的VSCode开发环境配置，极大地简化了初始设置过程，让你能够更专注于编写代码，而不是配置工具。只要适当地调整配置文件，你就能在任何平台上享受到高效且便捷的C++开发...

zui-duan.rar_最小路_权值路劲

09-14

标题中的"zui-duan.rar_最小路_权值路劲"直指这一核心概念。最小路径问题通常出现在路由选择、物流规划、电路设计等场景中，目标是找到从一个指定起点到其他节点之间具有最小总权重的路径。在这个问题中，“权值”...

分支限界求最短路劲

05-26

在计算机科学领域，寻找最短路径问题是一种常见的优化问题，特别是在网络分析、图论和算法设计中占有重要地位。本文将深入探讨如何利用分支限界法（Branch and Bound）来解决这一问题，以及如何用纯C语言实现这一...

路劲动画教案

11-20

本文主要介绍的是如何在Flash中创建沿路径运动的动画，即“路劲动画”。这是一种在动画制作中常见的技术，允许对象按照预先绘制的路径进行动态移动，为动画增加更多的生动性和创意。 1. **引导层的概念**： - 引导...

VScode实现@/自动提示

weixin_46058007的博客

06-03

865

在vue项目中使用@/代替src目录，实现路径提示

解决vscode 里面使用@时候路径没有提示的方法

josiecici的博客

07-03

6269

在项目文件里面最外面即项目文件根目录下创建一个这样的json 然后重启vscode 就成功了效果

vue项目开发时，怎么让vscode提示@/的路径（vscode解决路径别名的路径提示）

九日的博客

07-21

1770

开发过程中，有时候使用@作为根目录下的src路径的别称进行资源引入，编辑器不会像是正常输入路径是给提示，导致对路径不是很熟悉的伙伴需要手动去拷贝路径名，很麻烦

解决vscode使用了@别名后路径不提示的问题

weixin_33894640的博客

03-29

9719

前端项目通常会用@/来做为别名映射路径src/，但是这样就没有办法在引用文件的时候通过.来唤起路径提示了。 vscode官方提供一个方法：jsconfig.json 很简单，在项目根目录下，添加一个jsconfig.json文件，内容如下 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/...

解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径

热门推荐

我的米饭

03-22

1万+

使用TS构建vue3项目时，如果使用 import ******* from ‘*********’ 发生红色波浪线报错，可以修改 tsconfig.json 文件： // 在 compilerOptions 对象里添加 baseUrl 和 paths { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", "moduleResoluti

让vscode正确识别webpack alias路径的方法

_EL

03-05

1485

一般的相对路径引入依赖文件, vscode能够正确识别, 做出智能提示. 但是有时候项目目录层级太深, 写相对路径很长, 非常容易出错, 所以一般我们会在webpack中配置alias, 使用短名来减少路径层级. 如: import { getUsers } from '@/services/users' 但是vscode并不认识@, 所以就不会提示后面的文件提示解决办法就是在项目根目录下添加一个jsconfig.json的文件, 配置如下 { "compilerOptions": { "b

vscode 中，vue导入组件路径提示

zhu_liu_kun的博客

12-31

1703

vscode 中，vue导入组件路径提示

vscode中不能识别vue的@别名进行跳转

henudxk的博客

06-28

2899

是因为项目根目录中没有jsconfig.json，如果使用ts是没有tsconfig.json。在根目录下添加jsconfig.json或tsconfig.json文件，内容如下配置。

vscode中keil路劲

07-28

回答: 在VS Code中配置Keil路径的步骤如下：首先，点击黄色灯泡前面显示的两行，选择"添加到..."，手动添加路径可以临时解决问题，但下次打开时仍需重复添加。其次，进入编辑"c_cpp_properties.json"文件，选择...