专栏名称: iOS开发
分享iOS相关技术文章、学习资料、视频教程、热点资讯、工具资源、课程书籍等。每天推送,欢迎投稿!
目录
相关文章推荐
数据派THU  ·  WWW2025 | ... ·  昨天  
数据派THU  ·  【AAAI2025】TimeDP:通过领域提 ... ·  8 小时前  
黑马程序员  ·  喜报!应届生均薪破万,最高薪资24000元! ·  昨天  
黑马程序员  ·  喜报!应届生均薪破万,最高薪资24000元! ·  昨天  
51好读  ›  专栏  ›  iOS开发

下载量 2,705k 的 VS Code 自动导入第三方模块扩展

iOS开发  · 公众号  ·  · 2023-05-01 19:00

正文

👇👇 关注后回复 “进群” ,拉你进程序员交流群 👇👇

作者丨小集

来源丨小集(ID:zsxjtip)

vscode-extension-auto-import 是一款用于 VS Code 的插件,提供了自动引入第三方模块的功能。它可以帮助开发者节省大量时间,避免手动输入模块名称的麻烦。

使用 vscode-extension-auto-import 插件时,只需要在代码中使用模块的时候,输入模块名称并按下 Alt + Enter 键即可。插件会自动检测并引入该模块,避免手动输入的错误。

例如,如果你需要使用 lodash 模块,可以在代码中输入 lodash,然后按下 Alt + Enter 键,插件会自动检测到该模块并引入,生成如下代码:

import * as lodash from 'lodash';

vscode-extension-auto-import 插件还提供了多种配置选项,例如可以自定义引入方式,支持使用 import, require 等方式引入模块。

vscode-extension-auto-import 插件还支持自定义引入路径,例如可以设置模块引入时的根路径,方便在项目中统一管理模块的引入方式。

例如,如果你希望所有的模块都从 src 目录下引入,可以在项目根目录下创建一个名为 .importjs.json 的文件,并配置如下内容:

{
  "basePath""src"
}

这样,当你使用 vscode-extension-auto-import 插件时,它会自动从 src 目录下引入模块。例如,如果你需要引入 lodash 模块,插件会自动生成如下代码:

import * as lodash from './src/lodash';

上面的代码中,模块的路径是从项目根目录下的 src 目录开始的。通过这种方式,你可以统一管理项目中所有模块的引入方式,方便维护和管理。

另外,vscode-extension-auto-import 插件还支持自定义模块别名,例如可以为某个模块设置一个简短的别名,以方便在代码中使用。

例如,如果你希望为 lodash 模块设置一个别名为 _ ,可以在项目根目录下的 .importjs.json 文件中配置如下内容:

{
  "basePath""src",
  "aliases": {
    "lodash""_"
  }
}

这样,当你在代码中使用 vscode-extension-auto-import 插件时,它会自动为 lodash 模块生成如下代码:

import * as _ from './src/lodash';

通过这种方式,你可以为某些模块设置别名,方便在代码中使用,避免输入长而复杂的模块名称。

总的来说,vscode-extension-auto-import 插件是一个非常实用的工具,可以帮助开发者快速引入模块,避免重复的手动操作,让代码更为简洁和高效。

「Auto Import」

地址:https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

下载量:2,705k


-End-

最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备! 所有资料都整理到网盘了,欢迎下载!







请到「今天看啥」查看全文