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

如何让Atom自动完成导入的本地.js文件名?

Atom是一款流行的文本编辑器,提供了丰富的插件和功能来提高开发效率。要让Atom自动完成导入的本地.js文件名,可以按照以下步骤进行操作:

  1. 安装插件:打开Atom编辑器,点击菜单栏的"File",选择"Settings",进入设置界面。在左侧导航栏中选择"Install",然后在搜索框中输入"autocomplete-modules"插件并安装。
  2. 配置插件:安装完成后,点击左侧导航栏中的"Packages",找到"autocomplete-modules"插件并点击设置按钮。在设置界面中,可以看到"File Extensions"选项,点击"Add Extension"按钮,输入".js"并保存设置。
  3. 使用自动完成:现在你可以在编辑器中的任何位置输入"import"或"require"关键字,然后按下空格键或者输入双引号,Atom会自动弹出一个下拉列表,列出当前项目中的所有本地.js文件名供选择。

这样,你就可以方便地自动完成导入的本地.js文件名了。

Atom是一款功能强大的文本编辑器,适用于前端开发、后端开发、移动开发等多个领域。它具有跨平台、插件丰富、易于定制等优势,被广泛应用于开发人员的工作中。

推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。

  • 腾讯云服务器(CVM):提供了弹性计算能力,可根据业务需求灵活调整配置,支持多种操作系统和应用环境。详情请参考:腾讯云服务器产品介绍
  • 腾讯云对象存储(COS):提供了安全、稳定、低成本的云端存储服务,可用于存储和管理各种类型的数据。详情请参考:腾讯云对象存储产品介绍

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

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

相关·内容

利用Telegram搭建RSS中文订阅机器人 NodeRSSBot 在线教程

前言 我们很多人喜欢一些网站或者博客,有时候会错过好东西或者福利,今天介绍下如何用 Telegram 做一个自己的 RSS 订阅机器人,这样我们可以非常方便的通过它来实现在 Telegram 里订阅网站并快速推送...完成后妥善保管专属的 HTTP API TOKEN(保存好,之后会用到)。...2 、 搭建NodeRSSBot 使用自动构建的 docker image(推荐) 先安装docker,安装教程见:https://www.mcheng.cn/1804.htm 运行 docker pull...(群组) /lang - 更改语言 /heath - 展示活跃订阅源的健康程度 详细使用指南 /sub 可以自动检测 RSS feed,可以直接 /sub https://www.fengkx.top...  (频道 id 是@打头的) 频道导入需要将文件名改成频道 id 并且以 opml 作为后缀在私聊中发送 例如 @myChannel.opml

2.3K20
  • 作为JavaScript开发人员,这些必备的VS Code插件你都用过吗?

    (这个链接打不开了) Atom JavaScript Snippet:移植自Atom的JavaScript插件。 JavaScript Snippets:提供了ES6代码片段的集合。...然而,如果你想要更高水平的可读性,就得安装语法高亮的插件了。这里有一些: JavaScript Atom Grammar:它用Atom编辑器里的JavaScript语法高亮替换VS Code原来的。...Node.js Modules IntelliSense:提供JavaScript和TypeScript导入声明时的自动补全。源码:vscode-node-module-intellisense。 ...Path IntelliSense:它其实与Node没有关系,但是你肯定需要对本地文件的智能提示,这个插件会自动补全文件名。 Node exec:允许你用Node执行当前文件或者选中的代码。...client这样的可用工具,让你在完成工作时减少了对外部工具的依赖;再比如SpreadJS纯前端表格控件,让在线Excel嵌入您的应用。

    2.9K10

    区块链DAPP开发实战——在安卓下调用本地节点发行的代币和智能合约

    b、工程分析,开发智能合约 使用atom .命令打开这个工程(atom安装成功后会自动配置到系统环境变量中) ? ?...,第二行为solidity导入外部合约,第三行为当前合约继承了导入的外部合约,contract代表这是一个合约。...启动成功后,浏览器会自动弹出当前web工程的网页。如果显示有问题,请查看外网JS源是否已经切换(上一小节最后)。 ? 到此为止,web端的工程已经搭建完毕,我们可以测试一下这个TT币。...>>>> 2、Android下访问本地节点并测试合约的调用 我们验证此时代币合约已经可以正常的转账查询余额了,接下来我们看看如何用Android来接入这个节点,此时需要访问本地节点,需要打开Charles...目前我们的节点只是部署在本地上,之后在合约开发完成后,就可以在公链上发布捞金了。Truffle、solidity及web3j各自都有很多需要深入研究的功能,感兴趣的同学可以研究下。

    1.3K11

    这些必备的VSCode JavaScript插件你都用过吗?

    这里有一些: JavaScript Atom Grammar(它用Atom编辑器里的JavaScript语法高亮替换VS Code原来的。)...Node.js Modules IntelliSense(提供JavaScript和TypeScript导入声明时的自动补全。...Path IntelliSense(它其实与Node没有关系,但是你肯定需要对本地文件的智能提示,这个插件会自动补全文件名。) Node exec(允许你用Node执行当前文件或者选中的代码。)...import Cost:显示导入的包的大小。源码:import-cost。 ? 代码格式化插件 有时,你发现自己会对以前写过的风格不太理想的代码做格式整理。...Node TDD(为Node和JavaScript项目提供测试驱动开发的支持。能在源码的更新后,立即触发自动化测试的构建。

    6K10

    如何从0开发一个Atom组件

    如何从0开发一个Atom组件 最近用Atom写博客比较多,然后发现一个很严重的问题。。...成品插件下载地址:https://atom.io/packages/atom-image-uploader 规划 首先,我们确定了需求,要通过可以直接copy文件,然后在Atom中paste即可完成上传的操作...按下回车后,将会弹出一个对话框,在框中输入要建立的包名即可完成一个Package的创建。 ? Atom会生成一套默认文件,并打开一个新的窗口。...将剪切板中的数据转换为Buffer然后暂存到本地,通过本地文件的方式来进行上传七牛。 在操作完成后我们再将临时文件移除。...通过全局的atom对象可以拿到当前活跃的窗口: let editor = atom.workspace.getActiveTextEditor() 为了避免同时上传多张图片时出现问题,我们将临时文件名作为填充的一部分

    1.4K50

    Top 10 JavaScript编辑器,你在用哪个?

    相同的符号表使得IntelliSense能够在整个表达式的输入过程中,为你提供出色的弹出式选项列表。你可以获得以下功能:填入后自动关闭、自动填写完成选项、键入后的自动方法列表和方法中的自动参数列表。...Brackets的JavaScript自动完成功能非常好,自动填写各类括号的结束括号,以及jQuery方法中键入$之后的关键字、变量和方法的自动下拉菜单。...Atom是Chromium浏览器的一个特殊的存在,它被设计成一个文本编辑器而不是一个Web浏览器; 每个Atom窗口本质上都是一个本地呈现的网页。 当Atom不自动更新时,性能是非常好的。...它的加载时间足够快,性能足够强,不会让你感到速度慢。...Emacs使用js2模式包,并使用ac-js2自动完成。在Emacs中,你可以使用串行模式获取实时浏览器JavaScript,HTML和CSS交互。

    3.3K10

    如何从0开发一个Atom组件

    如何从0开发一个Atom组件 最近用Atom写博客比较多,然后发现一个很严重的问题。。 没有一个我想要的上传图片的方式,比如某乎上边就可以直接copy/paste文件,然后进行上传。...成品插件下载地址:https://atom.io/packages/atom-image-uploader 规划 首先,我们确定了需求,要通过可以直接copy文件,然后在Atom中paste即可完成上传的操作...image.png Atom官方文档 lib 这里就是存放插件主要代码的地方了。 默认会生成两个文件: package.js package.view.js 默认插件生成的主入口文件指向这里。...将剪切板中的数据转换为Buffer然后暂存到本地,通过本地文件的方式来进行上传七牛。 在操作完成后我们再将临时文件移除。...通过全局的atom对象可以拿到当前活跃的窗口: let editor = atom.workspace.getActiveTextEditor() 为了避免同时上传多张图片时出现问题,我们将临时文件名作为填充的一部分

    87530

    初探Electron,从入门到实践

    · 2014年5月6日,Atom以及Atom Shell以MIT许可证开源。 · 2015年4月17日,Atom Shell改名为Electron。...(离线状态下也可使用),并增加一些与系统交互的功能 以我的亲身经历为例: 在SpreadJS项目中,我们需要将基于web版的表格编辑器封装成APP使用,同时增加文件操作的能力,如导入导出excel、导入...(Electron的出现为前端开发者谋得了一份好差事) 可以这么说,Electron这个框架让网路里流传很广的一句话不再是玩笑:“不要和老夫说什么C++、Java,老夫行走江湖就一把JS,遇到需求撸起袖子就是干...Electron将nodejs巧妙的融合了进来,让nodejs作为整个程序的管家。管家拥有较高的权限,可以访问和操作本地资源,使用原本在浏览器中不提供的高级API。...安装完成后,打开程序,这里我们可以看到打包好的应用和在Web端访问时的效果别无二致,同时也能够像其他桌面应用程序一样,支持离线使用。 ?

    2.6K20

    学习 React Native for Android:环境搭建

    另一种方法是直接利用 Atom 的包管理器 apm 安装: $ apm install nuclide-installer 完成后重启一下 Atom ,Atom 就会开始完成对 Nuclide 所有插件的下载安装...)方式快速编写页面; save-session:让 Atom 记住上一次打开的会话; browser-plus:在 Atom 中内嵌一个浏览器窗口,方便页面调试(其实 Atom 本身就是一个浏览器);...现在打开 Atom ,点击 File 菜单的 【Add Project Folder…】 菜单项,导入 AwesomeProject 工程文件夹,如下图所示: 通过终端插件快速打开终端(快捷键是 Alt...自动刷新界面 如果希望每次修改 JS 脚本后自动刷新应用的界面,可以再次进入应用的选项界面,把 【Auto reload on JS Change】 选项打开: 这样当 watchman 发现你的 JS...文件发生更改时,就会让 Running Packager 重新加载应用的界面。

    1.4K20

    Atom飞行手册翻译: 1.3 Atom基础

    当你首次启动Atom时,你会看到这样一个界面: 这是Atom的欢迎界面,它会给你一些很好的建议,关于如何开始使用这个编辑器。 基本的术语 首先,让我们熟悉一些在这篇文档中使用的基本的术语。...在“基本的自定义”一章中,我们将会看到如何为不同的文件类型指定不同的换行偏好(例如你想在Markdown文件中自动换行,但是代码文件中不这样)。...在Windows或者Linux上面,这两个命令作为Atom安装进程的一部分自动安装。 你可以使用atom带着一个或者多个文件目录来在Atom打开这些文件。...你可以在树视图中简单地右键点击文件和文件夹,来查看许多不同的选项,包括在你的本地文件系统中展示文件,或者复制文件路径到你的剪贴板。...这两个设置会解释为Unix通配符,在minimatch Node.js库中实现。 你可以在这里阅读更多关于minimatch的细节。

    1.2K30

    12个前端开发必备开发的工具

    AVM语法和扩展API支持:借助Vscode的语法突出显示和自动完成功能, Studio3为AVM代码段、格式、变量类型、函数定义和导入的组件以及APICloud扩展API等,提供了舒适的高亮标记、完善的智能帮助提示和自动完成功能...如果使用的是文本编辑器,那么需要确保它可以通过为执行冗余和平凡的任务来提高工作效率。其中一些任务包括自动完成、文本突出显示、增强的搜索和替换操作,以及制表符和空格之间的转换。...虽然Sublime Text和Atom是在本地系统中工作的很好的选择,但是您可能觉得有必要使用一个非gui的基于终端的文本编辑器。当远程登录到服务器并直接更新服务器上的文件时,可能需要使用这样的工具。...可以使用Bit的搜索工具和playground浏览集合,npm安装一个共享组件,就像任何其他包一样,或者对它进行Bit导入,以便在本地开发环境中修改它(甚至将修改后的版本推回共享集合)。...PageSpeed Insights是谷歌自己的站点速度监控工具。它是免费使用的,只需要输入页面的URL就可以执行测试。可以选择测试如何在移动设备或桌面中工作,但无法修改测试位置。

    1.2K20

    ​你可能不太会用的10个Git命令

    每个命令都可以链接到该命令的 Atlassian Bitbucket 指南。 检查 先了解一下如何检查改动痕迹。 ? git diff——查看所有本地文件的改动。...只改动一个文件的话可以在命令后添加文件名。 git log——查看所有提交历史。还可用于带有 git log –p my_file 的文件,输入 q 退出。...这里有一篇我的指南,可以指导你完成第一个 OSS Python 包。跟紧我,确保你不会错过版本控制的部分!...例如,你试着在没有提交信息的情况下提交,Vim 会自动开启。...以下是更改我使用的编辑器 Atom 的默认值的命令: git config --global core.editor "atom --wait" 假设你已经安装了 Atom,你现在就可以在 Atom 中解决

    93610

    哪些JavaScript IDE最好用?

    关键字提示 使用WebStorm开发时,它会自动提示JS变量,关键字,方法,函数或参数名,可帮助你快速输入,避免一些低级的输入错误。 2....保存本地历史记录 本地历史记录可以帮助你跟踪代码,获取修改的代码。...缺点:商用付费,偶尔性能较差,后台会创建.idea 文件,一个窗口中无法打开多个项目,非原生文件系统经常会出现很多问题 Atom 优点: 内置包管理功能 Atom内置包管理功能,是Atom最重要的功能特征...开源免费 Atom 在GitHub上是开源的,并且是免费的 内嵌Git 控件,Web技术 内嵌Web 技术如JS,HTML及CSS 缺点:效率低 Sublime Text ?...Microsoft's Visual Studio JavaScript Intellisense 的引入让VS提供非常有用的脚本提示和自动完成输入功能。界面友好清洁。

    2.5K50

    Atom飞行手册翻译: 2.13 基本的自定义

    基本的自定义 在我们感受到Atom中所有东西的便利之后,让我们看看如何改进它。可能有一些快捷键你经常使用但是感觉很别扭,或者一些颜色不是十分适合你。...Atom具有惊人的灵活性,所以让我们对它做一些力所能及的简单调整。...如果你不熟悉Less,它是一个让CSS变得更简单的CSS预处理器,你可以访问lesscss.org来了解关于它的更多信息。...Atom中要忽略的文件名 projectHome:假定项目被存放的目录 themes:要加载的主题名称的数组,按照层叠顺序 editor autoIndent:开启或关闭基本的自动缩进(默认为true...处软换行 tabLength:tab字符所占空格字符的宽度(默认为2) fuzzyFinder ignoredNames:只在模糊查找中忽略的文件名 whitespace ensureSingleTrailingNewline

    78920

    UbuntuLinux Mint上安装Atom文本编辑器

    Atom特性 Web本地应用程序 Atom是一款基于Web技术的桌面应用程序,和其他桌面应用程序一样,它也拥有自己的图标、本地菜单、对话框以及访问整个文件系统的权限。...Node.js集成 Node.js的支持使得访问文件系统、派生子进程、甚至直接从你的编辑器中启动服务都变的轻而易举。...开发者可以直接从50000多个Node.js包库里选择自己所需的库,也可以调用C或C++库等。...无缝集成使得开发者可以自由搭配Node.js和浏览器API,也可以从一个单一的JavaScript函数里操作文件系统并且写入到DOM。...在项目里快速的搜索和替换 多种光标选择 多个窗格 代码片段 代码折叠 干净个性化的UI 导入TextMate语法和主题

    86810
    领券