首页
学习
活动
专区
工具
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.2K20
  • 作为JavaScript开发人员,这些必备VS Code插件你都用过吗?

    (这个链接打不开了) Atom JavaScript Snippet:移植自AtomJavaScript插件。 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.2K11

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

    3.2K10

    如何从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() 为了避免同时上传多张图片时出现问题,我们将临时文件名作为填充一部分

    87330

    初探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 完成后重启一下 AtomAtom 就会开始完成对 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 中解决

    93310

    哪些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

    78420

    UbuntuLinux Mint上安装Atom文本编辑器

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

    86110
    领券