如何让vscode 识别@路劲符

最新推荐文章于 2024-09-09 10:01:40 发布

江红_

最新推荐文章于 2024-09-09 10:01:40 发布

阅读量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

分享到新浪微博

扫一扫

2022，VSCode 前端插件推荐

King Saj

08-02

1563

功能在React中更快速地编写内联样式，并对CSS、LESS、SASS等样式文件提供强大的辅助开发功能。场景在导入组件的时候，使用别名路径没用提示时👇(可和别名路径跳转同时使用,无冲突)插件名ES7React/Redux/React-Native/JSsnippets。功能输入组件名称自动导入找到的组件，自动导入路径和组件。功能智能提示代码，可以预测你将要写的代码进行提示。功能很多React的代码段，很方便开发。功能在JS文件中写样式时，有智能提示......

如何配置 vscode 识别@文件路径，给大家安排上

imtokenmax众筹

03-20

579

(img-dNSE7AYz-1710924897769)]1.在vscode 扩展工具里安装Path Intellisense。方式二：VSCode配置Import@路径。3.重启项目即可生效。

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

在VScode中配置@路径提示

yy_demo的博客

06-16

2390

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

vs code 中路径别名（@）提示和转定义等问题。

最新发布

m0_61783767的博客

09-09

125

配置文件中添加对Path Intellisense插件的mappings设置。到此就可以实现@路径。（虽然有很多博主说在。

vscode中@路径的智能提示,Ctrl+Click点击跳转到目标文件的方法

weixin_45463061的博客

10-29

4172

vscode中@路径的智能提示,Ctrl+Click点击跳转到目标文件的方法

如何配置 vscode 识别@文件路径

xm1037782843的博客

01-21

6092

在前端开发项目中常常会使用 @ 别名，但是在vscode中默认是不识别的。可以使用下面的配置让vscode 识别 @文件路径，以便支持 ctrl+左键点击跳转。方式一：项目配置在项目根目录创建 jsconfig.json 文件文件内容： { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"], } }, "exclude": ["node_modules", "di

vscode 不识别 ‘@’符号

何足道的博客

06-22

6903

我们在项目中一般都会设置webpack alias，最常用的就是‘@’代表‘src’，这样的话编辑器无法识别，使用Ctrl+左键的方式无法找到对应文件。类似于webstorm的配置，只不过在webstorm中我们需要新建一个webstorm.config.js文件，然后里面将webpack配置复制进去就可以了，在vscode中我们操作步骤如下： 1.在根目录新建文件jsconfig.json...

vue3+ts vscode无法识别/@/ 路径

weixin_42353499的博客

09-30

4263

在tsconfig.json中添加下面的配置即可 { "compilerOptions": { "paths": { "/@/*": ["src/*"] } } }

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

PBitW的博客

05-17

2023

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

React中使Vscode识别@路径并给出路径提示

数组喜欢打对象的博客

11-17

1296

步骤1: 在项目根目录创建 jsconfig.json 配置文件在配置文件中添加以下配置 jsconfig.json 中： { "compilerOptions": { "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": "./", "paths": {

vscode识别@路径并给出路径提示

yezi153的博客

11-17

475

步骤在项目根目录创建jsconfig.json配置文件在配置文件中添加以下配置 jsconfig.json 中： { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } } } VSCode 会自动读取jsconfig.json中的配置，让 vscode 知道 @ 就是 src 目录用craco来配置路径别名 craco的使用步骤 ...

vscode中keil路劲

07-28

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

VScode实现@/自动提示

weixin_46058007的博客

06-03

811

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

在Vs-Code中配置“@”路径提示的插件

weixin_45118229的博客

08-10

1909

在使用VS-Code打开VUE时，想使用@语法从src根目录导入一个文件的路径，默认情况下是无法自动提示下一级的路径的。这样很容易产生路径书写的错误。

vscode 提示@/文件目录

shibaweijin的博客

01-05

306

在当前项目的根目录下新增一个jsconfig.json文件，文件内容如下。这样在其他页面输入@/就会提示相关目录下的文件了。

VSCode配置@路径提示

m0_59357304的博客

01-26

1053

1、在VSCode安装如图插件 2、在设置→setting.json中添加 // 导入文件时是否携带文件的扩展名 "path-autocomplete.extensionOnImport": true, // 配置@的路径提示 "path-autocomplete.pathMappings": { "@": "${folder}/src" },

vscode 配置@根路径

weixin_44523517的博客

04-20

1207

vscode 配置@根路径

vue学习笔记：在vscode中使用@提示路径

杨威的博客

05-03

3397

在vscode中输入“@/"后如果可以智能提示路径，可以有效防止路径名称输入错误，减少不必要的麻烦。效果如下图所示：安装"Path Autocomplete"插件后可以实现路径的智能提示，步骤如下： 1、在vscode中查找Path Autocomplete插件 2、安装插件 3、在vscode中选择“文件-首选项-设置”，在设置页面右上角点击图标打开settings.json配置文件 4、在配置文件中添加如下代码在 //导入文件时是否携带文件扩展..