ATOM 编辑器使用扩展插件

汉化:chinakids的程序员写了一个名为 simplified-chinese-menu的汉化包,打开 packages –setting views–open –install 搜索simplified-chinese-menu进行安装即可汉化。

汉化

汉化成功后的效果

针对前端我介绍下插件(因人而异,大家可以安装别的插件看看)

方式:扩展 - 界面设置 - 安装插件/主题 输入插件的名称,安装重启即可;

插件介绍:

文件路径自动提示:autocomplete-paths

html页面预览:atom-html-preview

bootstrap3代码提示插件:atom-bootstrap3

该插件能对一个对象中拥有的对外提供的属性和方法都能通过suggest的形式提示出来,能对一个对象对外提供的接口有一个选择过程,理解为js代码自动提示:atom-ternjs

html标签自动比较:autoclose-html

file-types用来区分文件类型的,file-types-icon用来给不同的问题类型添加不同的图标:
file-types和file-types-icon

Emmet插件(操作输入html:5在按一下tab键){加快web开发速度,提供snippet(代码片段)、abbreviation expand(简写展开)功能 }

代码高亮:quick-highlight   platformio-ide-terminal

快速的打开文件或新建文件,同时支持路径补全:advanced-open-file

检查CSS是否正确: csslint

js补全:Linter Jshint

文档化注释:docblockr

代码小地图:minimap

代码输入时有效果:tortoise-svn

代码对齐线:(设置-编辑器设置-显示缩进指示线)

自动换行:(在设置里面有个编辑器设置,里面有个自动换行,打钩)

感觉:

用了三四天的感觉,还行,他的插件功能很强大,UI设计横漂亮,功能上有点像sublime编辑器,但是有些功能上又是很忒别,但是有些地方感觉没有别的编辑器灵活,看个人了,毕竟编辑器只是辅助工具,主要还是看自己的习惯。

原文地址:https://www.cnblogs.com/c-x-m/p/9010650.html

时间: 2024-10-12 20:37:03

ATOM 编辑器使用扩展插件的相关文章

新手学习配置atom编辑器进行安装插件如script

本人想学一些关于node.js.javascript,初识atom编辑器,通过网上了解到atom编辑器可以支持很多插件.出于通过atom想单独调试javacript代码的目的,就想安装script插件,安装过程中出现很多错误,终于安装成功.安装atom插件,我所了解到的有两种方式,一种是使用atom自带的install packages,另一种是使用git clone 然后npm安装.本文主要记录下自己使用git clone的安装方法. 1.安装node.js,这一套不用多写多记,网上一搜发现有

Atom 编辑器 前端基本插件

Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要的插件名即可. ============================ activate -power-mode //震动,粒子效果,酷炫装逼必备,可在设置里关闭震动 Screen Shake-Enabled atom-html-preview //ctrl+shift+h 右侧打开预览,有bug

让ATOM编辑器的EMMET插件支持VUE文件的方法

最近一直使用ATOM编辑器.因为这是免费的,并且和GIT配合非常好用.关键的是可以从sublime无缝的转换到这个编辑器来使用. 有一个问题就是,我们在编辑.vue这样的文件的时候,emmet语法得不到支持.这让我很憋屈.终于找到了解决方法.在这里分享给大家. 我的环境是MAC,但应该在windows和linux下是一样的才对. 进入终端编辑配置文件 vim ~/.atom/keymap.cson 这个文件默认有大段的注释.不用管,我们把光标放到最后一行,按 o 在最后一行后面再插入一行,将下面

Atom 编辑器常用的插件

atom 好用的插件 1,atom-beautify 代码格式化插件 2,Emmt html代码提示插件 3,file-icons 可以显示文件类型图标 4,minimap 类似于SublimeText中的右侧栏 5,open-html-in-browser 可以运行html,在浏览器中查看效果 6,open-terminal-here 在当前文件的目录中打开终端 7,terminal-plus 在atom中集成了终端,比run-in-terminal好用 8,vim-model 在atom中通

atom编辑器手动安装插件

atom安装插件有三种方式: apm install ** 在ide中搜索 手动安装 我们介绍手动怎么安装第三方插件,打比方安装atom-ternjs,用于 Javascript 和 Node.js 的自动补全. 插件官网是https://atom.io/packages/atom-ternjs ,然后复制repo的地址 打开cmd 输入 cd ./atom/packages/ 输入git clone https://github.com/tststs/atom-ternjs.git ,这一步,

Atom编辑器的安装及常用插件

一.atom安装: github安装链接:https://github.com/atom/atom Debian Linux (Ubuntu) Currently only a 64-bit version is available. Download atom-amd64.deb from the Atom releases page. Run sudo dpkg --install atom-amd64.deb on the downloaded package. Launch Atom u

Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找 每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路-.. 插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预览的工具 获取方式 通过命令行安装 apm install atom-html-preview 通过编辑器内部的instal

Atom 编辑器 初学前端基本插件

Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要的插件名即可. ============================ activate -power-mode //震动,粒子效果,酷炫装逼必备,可在设置里关闭震动 Screen Shake-Enabled atom-html-preview //ctrl+shift+h 右侧打开预览,有bug

atom编辑器插件atom-ternjs

这是官方文档:https://atom.io/packages/atom-ternjs 官方介绍: JavaScript code intelligence for atom with Tern. Adds support for ES5, ES6 (JavaScript 2015), Node.js, jQuery & Angular. Extendable via plugins. Uses suggestion provider by autocomplete-plus. 基于autoco