首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让vscode检测path intellisense中的.native.js和.web.js文件?

要让VSCode检测Path Intellisense中的.native.js.web.js文件,可以按照以下步骤进行设置:

  1. 打开VSCode编辑器,并确保已安装Path Intellisense插件。
  2. 在VSCode的侧边栏中,点击左侧最下方的齿轮图标,选择“设置”选项。
  3. 在设置页面的搜索框中输入“path-intellisense”,找到Path Intellisense插件的设置项。
  4. 点击“Edit in settings.json”链接,进入编辑settings.json文件的页面。
  5. settings.json文件中,找到"path-intellisense.mappings"字段,该字段用于配置文件路径的映射关系。
  6. "path-intellisense.mappings"字段中添加以下配置:
代码语言:txt
复制
"*.native.js": {
  "isDirectory": false
},
"*.web.js": {
  "isDirectory": false
}
  1. 保存settings.json文件,并重新启动VSCode。

现在,当您在代码中输入.native.js.web.js文件的路径时,Path Intellisense插件将能够正确地检测到这些文件,并提供相应的路径补全功能。

请注意,以上步骤是基于使用Path Intellisense插件的前提下进行的设置。如果您没有安装该插件,可以在VSCode的扩展商店中搜索并安装Path Intellisense插件。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

VSCode打造成为开发神器

ESLint:团队开发时候统一代码风格神器,以防因为代码风格不同而造成代码冲突。 Guides:代码块提示。 SonarLint:代码质量检测ESLint兼容,不会出现相互冲突规则。 3....Import Cost:检测导入项目中大小,在优化项目的时候非常有用。 JavaScript Booster:将箭头函数普通函数进行相互转换。...3.10 慎用系列 IntelliSense for CSS class names in HTML:在编写HTML时获得CSS文件类名提示。...npm:检测项目中package.json文件,可以通过该插件快速启动项目。 npm Intellisense:自动完成导入模块名称。...Paste JSON as Code:自动将JSON文件转化为TypeScript、C#等等各种语言声明代码。 Path Intellisense:引入文件时具有文件地址提示。

2K20
  • 前端-团队效率(二)代码规范

    团队协作中最重要一点就是代码规范 开发规范文档为尺度 vscode编码格式为利刃(文章结尾分享本人使用vscode配置) 插件(重要) Beautify css/sass/scss/less,Chinese...Checker,Comment Translate 其他语言 { // vscode默认启用了根据文件类型自动设置tabsize选项 "editor.detectIndentation":...": true, // #这个按用户自身习惯选择 "vetur.format.defaultFormatter.html": "js-beautify-html", // #vuejs...": "const", } { // vscode默认启用了根据文件类型自动设置tabsize选项 "editor.detectIndentation": false, // 重新设定tabsize...": true, // #这个按用户自身习惯选择 "vetur.format.defaultFormatter.html": "js-beautify-html", // #vuejs按编辑器自带

    1.3K30

    vscode下配置vue.js插件

    6、Bookmarks:可以对成片代码做一些书签标记,方便后续查看 7、Bracket Pair Colorizer:对括号进行着色,方便区分, 8、Copy Relative Path:用于复制文件完整路径相对路径...9、Path Intellisense:路径自动感知,在配置文件配置@后我们就可以很方便快捷引用各种文件了 10、Vue Peek:用于Vue快速查看组件定义以及组件跳转。...Pro:一款热门主题 14、Version Lens:显示npm,jspm,bower,dubdotnet核心软件包版本信息 15、vscode-element-helper:element-ui...18、ESLint:规范代码格式 同时,在设置要自己定义: // vscode默认启用了根据文件类型自动设置tabsize选项 "editor.detectIndentation": false...19、Live Server:检测文件保存,并自动刷新浏览器

    3.3K20

    WEB 前端插件整理

    Vs Code 系统插件 #1 Bracket Pair Colorizer 括号拥有独立颜色,易于区分。可以配合任意主题使用。...Path Intellisense 这个插件支持自动完成文件路径 #3 Auto Rename Tag 自动重命名配对HTML / XML标签 #4 Class autocomplete for HTML...#7 htmlhint html代码检测 #8 Auto Close Tag 自动添加html结束标签 #9 HTML Boilerplate 通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部正文标签苦恼...你只需在空文件输入 html,并按 Tab 键,即可生成干净文档结构。 #10 CSS Peek 使用此插件,你可以追踪至样式表 CSS 类 ids 定义地方。...当你在 HTML 文件右键单击选择器时,选择“ Go to Definition Peek definition ”选项,它便会给你发送样式设置 CSS 代码。

    1.5K30

    vscode前端插件安装「建议收藏」

    2.HTML Snippets:超级实用且初级 H5代码片段以及提示; 3.HTMLHint:html代码检测; 4.HTML CSS Support : html 标签上写class 智能提示当前项目所支持样式...很实用【HTML/XML】; 6.Auto Rename Tag :修改 html 标签,自动帮你完成尾部闭合标签同步修改; 7.Path Autocomplete :路径智能补全; 8.Path Intellisense...:路径智能提示; 9.JavaScript Snippet Pack:针对js插件,包含了js常用语法关键字,很实用; 10.View InBrowser:从浏览器查看html文件,使用系统的当前默认浏览器...; 16.vscode-icon: vscode 资源树目录加上图标,必备良品!...你只需在颜色上悬停光标,就可以预览色块色彩模型(HEX、 RGB、HSL CMYK)相关信息了。 20.Bracket Pair Colorizer:括号拥有独立颜色,易于区分。

    91230

    vscode常用插件设置

    常用设置 打开新文件不替换当前未修改文件 "workbench.editor.enablePreview": false 常用插件 vue-helper vue开发增强工具 按ctrl左键跳转定义...vscode-elm-jump 跳转常规定义 Auto Close Tag html标签自动关闭 Auto Rename Tag 修改html开始标签,结束标签自动修改 Eslint eslint检测修复工具...Autocomplete / Path Intellisense 图片,样式,js引入路径提示 Vetur vue开发基本工具 Vue 2 Snippets vue2.x代码提示 Element UI...Snippets vue element-ui代码提示 Surround 生成包围选中内容代码,如ifelse 等 Power Mode vscode输入特效 Output Colorizer 日志...Live Server 增加一个快速预览html文件并能实时更新右键菜单。方便本地调试html Prettier - Code formatter 代码自动检测并格式化工具

    80710

    25 个提升开发幸福感 VSCode 扩展

    VSCode 拥有一个庞大开源社区。它增长潜力是无限,在未来学习如何编码编码本身将会更容易。 ---- 1. 自动闭合 HTML 标签 ? 图片 拥有这种扩展是必须。...VSCode 集成终端 ? 图片 将命令 / 终端放在 VSCode 编辑器不仅会使您生活更加轻松,而且还会节省空间。感谢 VSCode终端派上用场。...Path Intellisense ? 图片 这个扩展是我生活不可或缺。相信我,这会节省你很多时间。...当您尝试并在引用中键入路径时,Intellisense 将自动为您填写或显示建议。 Path Intellisense还可以帮助自动完成所有的隐藏文件。...下载这个浏览器预览插件,这样你就可以在你 VSCode 完成所有的工作,而不是打开另一个窗口 Chrome 浏览器看到你在代码中所做改变。

    4.6K20

    最强开源编辑器,五步教你用 VSCode 进行 Python 开发!

    在本文中,你将学到如何VSCode 中进行高效 Python 开发,其中包括: 安装 VSCode 安装插件 Python 开发更便利 编写一个简单 Python 应用 学习如何VSCode...Python 插件使我们可以更方便地在 VSCode 中进行 Python 开发,它有以下功能特点: 支持 Python2.7 Python3.4 + Pyhon 版本 使用 IntelliSense...如果你会在不同机器上使用 VSCode,这么做可以你保持开发环境一致性; Docker 插件可以当你愉快地使用 Docker 工作,它帮助开发者编写 dockerfile docker-compose.yml...工作区设置以 json 格式保存在项目目录下.vscode 文件。 写个 Python 程序 让我们从一个 Python 程序开始探索如何VSCode 中进行 Python 开发。...本地文件夹建好后,你可以通过 VSCode 快捷地打开整个文件夹,我比较喜欢下面这种方式: cd /path/to/project code .

    7K20

    分享几个我日常使用VS Code插件

    这个扩展很不错,可以帮助我搞清楚 JavaScript 复杂嵌套 promise。顾名思义,它可以方括号对变色,帮我弄清楚是否在某个地方搞糊涂了(例如缺少方括号)。...itemName=christian-kohler.npm-intellisense Path Intellisense ? 这是 NPM Intellisense 姐妹插件。...它会执行相同自动补全,不过针对是你文件系统。这俩插件维护者是同一人,我也不想再错过这个好东西!...itemName=christian-kohler.path-intellisense Quokka.js ? 如果你只是想尝试一些东西,不想费劲先设置项目,那么这款工具就是一个很好辅助。...它们是 VS Code 两个小插件,可通过自动重命名关闭标签来帮助你维护 HTML 文件。这也适用于 React 自己 JSX 语法。如果你想节省一些时间,请尝试一下。

    1.5K10

    五步掌握用VSCode进行高效Python开发

    在本文中,你将学到如何VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件Python开发更便利 编写一个简单Python应用 学习如何VSCode运行调试已有的...Python插件使我们可以更方便地在VSCode中进行Python开发,它有以下功能特点: 支持Python2.7Python3.4+Pyhon版本 使用IntelliSense进行代码补全 代码检查器...,它会以固定时间间隔保存你代码,默认是1000毫秒(1秒),这个值是可以配置; Settings Sync可以你通过Github在多个VSCode安装同步配置,如果你会在不同机器上使用VSCode...工作区设置以json格式保存在项目目录下.vscode文件。 写个Python程序 让我们从一个Python程序开始探索如何VSCode中进行Python开发。...本地文件夹建好后,你可以通过VSCode快捷地打开整个文件夹,我比较喜欢下面这种方式: cd /path/to/project code .

    5.5K50

    五步掌握用VSCode进行高效Python开发

    在本文中,你将学到如何VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件Python开发更便利 编写一个简单Python应用 学习如何VSCode运行调试已有的...Python插件使我们可以更方便地在VSCode中进行Python开发,它有以下功能特点: 支持Python2.7Python3.4+Pyhon版本 使用IntelliSense进行代码补全 代码检查器...,它会以固定时间间隔保存你代码,默认是1000毫秒(1秒),这个值是可以配置; Settings Sync可以你通过Github在多个VSCode安装同步配置,如果你会在不同机器上使用VSCode...工作区设置以json格式保存在项目目录下.vscode文件。 写个Python程序 让我们从一个Python程序开始探索如何VSCode中进行Python开发。...本地文件夹建好后,你可以通过VSCode快捷地打开整个文件夹,我比较喜欢下面这种方式: cd /path/to/project code .

    6K30
    领券