Visual Studio Code - 插件

最新推荐文章于 2025-05-07 14:18:01 发布

转载最新推荐文章于 2025-05-07 14:18:01 发布 · 189 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jffun-blog/p/11043011.html

本文介绍如何在VSCode中配置PathIntellisense插件，通过设置路径别名实现代码智能提示功能，如将src目录映射为@，提升开发效率。

Intellisense（代码提示、智能感应）

Path Intellisense：路径别名（alias）代码提示

例如：在模块打包配置中配置@代替了src，可以使用下面的配置让@智能感应

    "path-intellisense.mappings": {
        "@": "${workspaceRoot}/src"
    }

转载于:https://www.cnblogs.com/jffun-blog/p/11043011.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anleng6817

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端框架-Vue.js语法

aming小老弟

10-11

933

父组件中的 handleUpdateChildValue 方法接收到参数后，将其设置为 childValue 变量的值，从而完成了子组件向父组件传递数据的过程。当我们需要对发布到线上的文件进行修改时，重新编译的文件名如果和之前版本的相同会引起浏览器无法识别而加载缓存文件的问题。注意： vue组件中的全部html都存在于一个块元素中，就是app.vue中的 id名字为app的div。Vue提供的前端路由工具，利用其我们实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。对状态的派生和缓存。

vsCode 配置记录

山野里的小菊花

04-29

1831

1.import路径提示安装vscode插件path-intellisense，12步骤是找到插件，34是安装好了之后点击自定义在自定义文件中添加如下配置项 "path-intellisense.mappings": { "@": "${workspaceRoot}/devPkg" // 这里的devPkg是自己的源码路径，通常是src } 在项目根目录下...

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

【Path Intellisense插件】配置@路径提示

qq_39921135的博客

02-18

2644

默认情况下，Path Intellisense插件安装后，使用@路径简写是不带提示的。

解！决！vscode！Path Intellisense 失效！不起作用问题！！

qq_53002037的博客

11-20

1272

解！决！vscode中Path Intellisense插件失效！！不起作用的问题！！

vscode：配置@路径提示，并解决Cannot find module ‘@/utils/xxx‘ or its corresponding type declarations.

分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等

02-07

1万+

vscode配置@路径提示，并解决由于@找不到模块的一些报错

VScode 路径自动补全插件： Path Autocomplete、Path Intellisense

最新发布

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

05-07

1329

在现代前端或全栈开发流程中，各式各样的模块、组件和资源常常散布于项目的深层目录结构中。手动输入或记忆路径不仅耗时，而且容易因拼写或层级疏忽而产生导入错误。适时地，智能路径补全便显得尤为重要。通过将与 VS Code 原生的 IntelliSense 相结合，开发者可以在输入文件路径时获得即时的建议列表，大幅降低键入量并降低路径引用错误风险(是一个第三方扩展，旨在为 Visual Studio Code 添加文件路径补全功能。

vscode 配置import @ 路径提示及代码智提

m0_66474942的博客

05-25

2057

vscode 配置import @ 路径提示及代码智提，如果发现这个插件的路径别名提示失效了，说明workspaceRoot没有指向的是项目所在磁盘根目录，重启项目一定项目一定根目录在vscode中打开。

vsCode配置import@路径提示

SunnyRun

06-05

2万+

1、安装插件：Path Intellisense插件； 2. eg： 3.添加： "path-intellisense.mappings": { "@": "${workspaceRoot}/src" } 4.在项目package.json所在同级目录下创建文件jsconfig.json： { "compilerOptions": { "target":...

VSCode中Vue进行模块划分、设置别名以及解决路径不提示问题

小洋人最happy的专栏

07-01

6648

文章目录一、项目模块划分二、设置别名三、路径提示1. 安装Path Intellisense插件2. 扩展设置3. 新建jsconfig.json4. 验证效果一、项目模块划分在使用Vue进行项目开发的时候，一般会根据项目模块对目录进行划分，比如views、components、common、network等，将各自负责内容进行分类，方便管理和维护，以小demo为例，目录结构为：二、设置别名如上，在划分完目录后，在项目开发中引用其他文件时，传统方式会采用../等相对路径来写，比如： import

vscode 配置import @ 路径提示

weixin_36430673的博客

01-14

7628

vue 项目倒入文件使用@，在导入文件设置路径的时候方便了很多，但是，如果不对vscode进行一些配置的话，写起来会有些心里没底，具体的配置流程如下： 1.在vscode 扩展工具里安装Path Intellisense 然后对其进行配置：找到配置项：点击Path Intellisense左上角设置按钮，选择Configure Extension Settings, 选择edit in se...

Path Intellisense 技术文档

gitblog_01289的博客

10-18

1036

Path Intellisense 技术文档安装指南安装步骤打开 Visual Studio Code。按下 Cmd + Shift + P 打开命令面板。输入 Install Extension 并选择该命令。在搜索框中输入 Path Intellisense，然后选择并安装该插件。配置默认自动补全为了使用 Path Intellisense 而不是默认的自动补全功能，需要在...

VsCode插件

qq_50276105的博客

11-01

6208

更厉害的是，对于需要嵌套的标签，你可以直接用 ul>li>a 的格式表示，按下回车后就能看到你需要的嵌套。GitLens — Git supercharged插件，有时候，文件被改了某一处，真的很烦，是不是想找到改你文件的人，上去暴揍一顿，这个时候你就需要这个傻瓜插件了，安装后重启，然后将鼠标单击放在被修改的那一处。设计的大型图标目录与主题融为一体，使其更加美观，这有助于你在资源管理器中轻松找到你的文件。通过一些缩写，能够快速补全icon fonts相关的代码片段，这样能够减少80%以上的手动输入内容。

Visual Studio Code--Web编译

07-27

回答: Visual Studio Code是一个开源的代码编辑器，它支持多种操作系统，并具有丰富的功能和扩展性。它内置了Git版本控制功能，并支持代码补全、代码片段、代码重构等开发环境功能。\[1\]对于Web编译，Visual Studio Code可以通过安装相应的插件来实现。例如，可以安装HTML、CSS和JavaScript插件来编写和调试Web前端代码。此外，还可以安装Node.js插件来支持后端开发。通过这些插件，你可以在Visual Studio Code中编写、调试和运行Web应用程序。\[2\]在Visual Studio Code中，你可以创建一个新的项目或打开一个已有的项目，并在编辑器中编写你的代码。你可以使用适当的插件来提供语法高亮、代码提示和其他辅助功能。\[3\]当你完成编写代码后，你可以使用适当的插件来进行编译和调试。例如，对于前端代码，你可以使用插件将HTML、CSS和JavaScript文件编译成可在浏览器中运行的代码。对于后端代码，你可以使用Node.js插件来运行和调试你的应用程序。总之，Visual Studio Code是一个功能强大且灵活的代码编辑器，适用于各种类型的编程任务，包括Web编译。 #### 引用[.reference_title] - *1* [Visual Studio Code -> VSCode 开发环境搭建 ---- Lua 开发环境搭建及代码运行（code runner 插件）](https://blog.youkuaiyun.com/yanwennian/article/details/103480938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [visual studio code搭建Java环境 - 一步一个脚印详细教程](https://blog.youkuaiyun.com/xuesonmax/article/details/121016567)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Linux环境中Visual Studio Code的配置使用----编译运行C/C++（良心教程）](https://blog.youkuaiyun.com/weixin_44723488/article/details/106081066)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]