vscode 输入@ 代码提示

最新推荐文章于 2024-07-07 15:06:53 发布

史上最菜开发

最新推荐文章于 2024-07-07 15:06:53 发布

阅读量238

点赞数 1

文章标签： vscode javascript

本文链接：https://blog.csdn.net/weixin_45849417/article/details/131800993

版权

vscode 在输入@ 代码提示，可以提示src下的文件，要在vue 项目中新建一个.json文件（jsconfig.json）

{ 
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

这样就可以了！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

史上最菜开发

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vscode中写pyqt代码没有提示

weixin_72050316的博客

12-30

508

vscode中写pyqt代码没有提示

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

yezi153的博客

11-17

464

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

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

VScode实现@/自动提示

weixin_46058007的博客

06-03

802

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

vscode 提示@/文件目录

shibaweijin的博客

01-05

301

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

Vue2-在VScode中配置@路径提示的插件

最新发布

tq040626的博客

07-07

534

1、安装插件 Path Autocomplete。

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

weixin_45118229的博客

08-10

1889

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

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

数组喜欢打对象的博客

11-17

1287

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

auto.js vscode编写代码提示提示，离线安装

04-24

3. **代码提示和智能感知**：VSCode的智能提示功能能根据上下文提供代码补全建议，帮助开发者快速输入代码，减少错误。对于auto.js，特定的插件可以提供更精确的API提示。 4. **VSCode插件**：VSCode拥有庞大的插件...

vscodeElementUI代码提示智能提示问题.pdf

02-27

vscodeElementUI代码提⽰智能提⽰问题 vs code 中有很多安装包，通过包安装，我是⽤ Element UI Snippets，来达到智能提⽰ElementUI 输⼊关键字对应智能提⽰ No. No. Trigger Key Trigger Key Element Tag Element ...

VSCode同步上传代码到Gitee

Restarl的博客

06-05

1万+

安装VSCode2、拥有Gitee仓库，本地拥有Gitee环境，例如下载Git Bash。

解决vscode智能代码提示快捷键 Ctrl+Space 无效的问题

阿城的博客

03-19

3054

vscode 智能代码提示除了输入时通过字符触发，还能使用快捷键ctrl + space触发，但是在 Windows 下会发现没有效果。因为这个快捷键在Windows下是系统的中文(简体)输入法 - 输入法/非输入法切换的快捷键，是全局快捷键，造成了快捷键冲突。

vs code 手动弹出智能提示设置

°Destiny

06-20

890

只是VSCode中，调用代码提示快捷键是Ctrl+Space，它与Windows系统中输入法的默认快捷键冲突了。所以按了也调用不出来。需要将VSCode中的快捷键设置给修改一下。使用vscode 在输入的时候有代码提示，如果不小心按错提示消失，不知道怎么样才能将代码提示给重新调出来。在修改界面中，直接在键盘输入你要设置的快捷键方式，然后按Enter键确认。（原理是一样的，只要你学会了这个，其他所有的快捷键都可以这样设置。输入Ctrl+space找到触发建议那一行，进行修改。文件–>首选项–>键盘快捷方式。

在vscode中配置Vue项目的别名路径联想提示

听海边涛声

05-20

500

在vscode中配置Vue项目的别名路径联想提示

vscode配置别名路径联想提示

rqz__的博客

05-16

1129

在编写代码的过程中，一旦输入@/，vscode会立刻联想出src下的所有子目录和文件，统一文件路径访问不容易出错

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

杨威的博客

05-03

3389

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

VSCode配置@路径提示

m0_59357304的博客

01-26

1045

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

vscode插件开发——代码提示、代码补全、代码分析（续）

luoluoyang23的博客

05-29

1万+

vscode插件开发，代码提示内容补充

开启/关闭VSCode代码提示(补全)

热门推荐

weixin_51564306的博客

08-23

1万+

仅需10秒，开关VSCode代码提示/补全

VSCode引号内输入属性没有提示

blood_Z的博客

02-02

1066

VSCode引号内输入属性没有提示

vue3 vscode @ 目录提示

07-15

### 回答1：在Vue.js 3中，我们可以通过在VSCode编辑器中安装相应的插件来获得@目录提示的功能。以下是具体的步骤： 1. 打开VSCode编辑器，点击左侧的扩展图标（或者按下Ctrl + Shift + X）。 2. 在搜索栏中输入"vetur"，并点击安装Vue.js插件（通常是第一个结果）。 3. 安装完毕后，点击左侧的文件资源管理器图标（或者按下Ctrl + Shift + E），打开你的Vue.js项目文件夹。 4. 在项目文件夹中找到一个名为"jsconfig.json"的文件（如果没有，请创建一个）。 5. 在"jsconfig.json"文件中添加以下内容： ```json { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", ".vscode"] } ``` 这里假设你的源代码文件夹是"src"，如果不是，请根据实际情况进行调整。 6. 保存"jsconfig.json"文件，并重启VSCode编辑器。 7. 现在，当你在代码中使用"@/"引入其他模块时，VSCode会自动为你提供目录提示。请注意，在完成上述步骤后，如果你添加了新的文件或文件夹，请重新启动VSCode，以便插件正确更新目录提示。希望以上步骤对你有帮助，享受Vue.js 3和VSCode带来的愉快开发体验！ ### 回答2：在Vue3中，可以通过配置Vue的语言服务插件提供对VS Code的@目录的提示支持。第一步是在VS Code中安装所需的插件。打开Extensions视图(ctrl+shift+x)，搜索并安装Vetur插件。安装完成后，重启VS Code。然后，在Vue项目的根目录下创建一个`jsconfig.json`文件。这个文件是用来配置项目的JavaScript语言服务的。在该文件中，我们需要指定`@`目录的别名和路径。例如，如果我们的`@`目录指向`src`文件夹，那么我们可以将`jsconfig.json`的内容设为： ```json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", "dist"] } ``` 配置完成后，VS Code会根据`jsconfig.json`的配置提供对`@`目录的智能提示。在Vue组件中，可以使用`import`或者`require`语法来引入模块或文件。例如，我们可以这样引入`@/components/Example.vue`组件： ```javascript import Example from '@/components/Example.vue'; ``` 这样，VS Code会根据配置提示`@/components/Example.vue`的路径和文件存在与否。总结，使用Vue3和VS Code的Vetur插件，配合正确的`jsconfig.json`配置文件，可以实现对`@`目录的智能提示和路径错误提示，提高开发效率。 ### 回答3：在Vue3中，VS Code可以通过安装相关的插件来实现目录提示功能。首先，在VS Code的插件商店中搜索并安装"Vetur"插件。Vetur是一个针对Vue项目的扩展，可以为Vue文件提供更好的语法高亮、代码提示和错误检查等功能。安装完毕后，打开Vue项目的根目录，找到项目的vue.config.js文件（如果没有则新建一个），在其中添加以下配置： ``` module.exports = { configureWebpack: { resolve: { alias: { '@': require('path').resolve(__dirname, 'src') } } } }; ``` 上述配置中的resolve.alias部分将@符号映射为项目的src路径。这样，在项目中使用@来代表src路径时，VS Code就可以正确地进行目录提示。保存vue.config.js文件后，重启VS Code。现在，当你在Vue单文件组件中输入@符号时，VS Code将自动为你提示src目录下的文件和文件夹。需要注意的是，以上步骤仅适用于Vue项目，并且要求使用Vue CLI创建的项目结构。如果你是在其他框架或项目结构下使用Vue，可能需要进行一些自定义的配置才能实现目录提示。