一、下载安装Atom 贴上官网：https://atom.io/ 自己下载安装软件 ? 二、安装插件 打开面板，可以看到如下： ? 对应的Themes就是可更换的主题。...在给大家推荐几个主题也不错，可以尝试下： isotope-ui seti-ui monokai-flat 安装插件 安装插件Atom比Sublime做的稍微细致些，Atom有对插件的设置，以及插件介绍等...js 代码提示，可以提示browser、es5、es6、jquery都可以 atom-beautify 格式化代码 atom-minify css/js压缩神器,执行压缩快捷键 ctrl-shift-m...将源码解压至Atom插件目录：C:\Users\username\.atom\packages ? 此时再进入Atom，提示错误。此时再进入相应的目录手动安装，注意需要安装Node.js环境。...atom的安装目录（windows）是 C:\Users\Administrator.atom\packages （mac 下：cd ~/.atom/packages）所以最好用命令工具进这个目录再安装
前面我们说到了强大的Atom编辑器，下面我来说说怎么使用强大的Atom-beautify来美化代码。 可以在安装拓展的页面直接搜索Atom-beautify，然后安装。...（需要配置Node.js环境） 一、找到插件在GitHub上的地址，然后复制URL ?...二、git clone插件的内容到atom的packages文件夹下 输入以下代码 $ git clone https://github.com/Glavin001/atom-beautify 1 $...也可以用npm install） 执行npm install 四、重启atom 这个插件当前只能美化HTML,CSS和JS。...但是这对我们来说是远远不够的，譬如我们需要美化Python，java，c，c++等等，就要进行第五步。
Node.js 的开发环境选择很多，比如 WebStrom/Visual Studio Code/Atom/HBuilder，还有万能的 Vim/Emacs 等等。...但一来 WebStorm 价格不菲，二来最近刚刚被 Atom 圈粉，而 Visual Studio Code 和 Atom 又是这些编辑器里面与 Node.js 渊源最深的，所以最终决定最近在学习 Node.js...安装 Atom 插件 主要是它们： atom-ternjs 用于 Javascript 和 Node.js 的自动补全 script 用于一键运行程序 自动补全插件 Atom 上的 Javascript...File > Open 打开 Node.js 项目文件夹。 Package > Atom Ternjs > Configure project ?...安装 atom-ternjs 总是失败。 Vim 也有 tern_for_vim，作为主力编辑器，为何不使用它来写 Node.js 呢？
介绍 Jsbeautifier是一款JS代码美化工具，常用地址如下 官网 http://jsbeautifier.org/ GitHub地址 https://github.com/beautify-web.../js-beautify C# Jsbeautifier https://github.com/denis-ivanov/Jsbeautifier 使用场景 1、为了防止别人窥探Js,我们通过会对代码进行压缩...2、类似于其他IDE一样，可以完成Html&JS&CSS的格式统一。...使用教程 打开网址http://jsbeautifier.org/，界面如下 image.png 1、选择需要美化的类型，如果不选择，会自动判断。...推荐选择 2、设置美化配置，一般不变，使用默认配置 3、将内容放入操作区中，点击按钮，在当前操作区内即可以得到美化后的内容 按钮.png 其他库使用 image.png
Node.js 的开发环境选择很多，比如 WebStrom/Visual Studio Code/Atom/HBuilder，还有万能的 Vim/Emacs 等等。...但一来 WebStorm 价格不菲，二来最近刚刚被 Atom 圈粉，而 Visual Studio Code 和 Atom 又是这些编辑器里面与 Node.js 渊源最深的，所以最终决定最近在学习 Node.js...安装 Atom 插件 主要是它们： atom-ternjs 用于 Javascript 和 Node.js 的自动补全 script 用于一键运行程序 自动补全插件 Atom 上的 Javascript...为 **/*.js 智能提示出不来。...安装 atom-ternjs 总是失败。 访问国外网站 Vim 也有 [tern_for_vim][]，作为主力编辑器，为何不使用它来写 Node.js 呢？
Atom基础 既然Atom在你的系统中已经安装了，让我们启动、配置并且熟悉这一编辑器吧。...在Atom中打开文件的另一种方式，是在命令行中使用atom命令。...$ atom -h Atom Editor v0.152.0 Usage: atom [options] [path ...]...Atom 模块 像许多Atom的部分一样，树视图并不直接构建在编辑器内，而是Atom默认自带的独立的包中。 你可以在这里找到树视图的代码。 这是Atom的有趣的事情之一。...这两个设置会解释为Unix通配符，在minimatch Node.js库中实现。 你可以在这里阅读更多关于minimatch的细节。
我们的想法是使用js和css分别仿照它们，提供另一套函数，使在不同浏览器的有着相同的体验效果。...--相关下载-- win.js和例子
via https://www.iplaysoft.com/item/atom-shortcuts 文件切换 ctrl-shift-s 保存所有打开的文件 cmd-shift-o 打开目录 cmd-...ctrl-shift-U 调出切换编码选项 查找和替换 cmd-F 在buffer中查找 cmd-shift-f 在整个工程中查找 代码片段 alt-shift-S 查看当前可用代码片段 在~/.atom...alt-cmd-shift-{ 折叠全部 alt-cmd-shift-} 展开全部 cmd-k cmd-N 指定折叠层级 N为层级数 文件语法高亮 ctrl-shift-L 选择文本类型 使用Atom
修改 img elem 我们不能改变 Markdown 解析的细节，但是可以使用 JS 的办法来处理，写一段 JS 将所有 img 用一个 a 包围： $('#post-content img').each...* Extra 给 Img+em 添加 CSS 进行美化2: img + em { display: block; padding-left: 10px; color: grey
Javascript 等前端技术的发展，越来越多网站使用 AJAX 技术来实现用户交互，所以对 Javascript 代码进行压缩节省带宽，加速网站载入，提供用户体验已经成为了网站维护的日常工作之一，而 JS...JS Beauty：在线 Javascript 美化压缩工具 JS Beauty 是一款在线 Javascript 美化工具，它具有美化，净化，压缩和解压缩 Javascript 代码等功能： 1....美化：将混乱的 Javascript 代码格式化为优美的带缩进的格式，适合阅读和修改。 2....解压：可以认为是压缩的反向操作，将压缩的代码解压出来并美化成人可以阅读的格式。 JS Beauty 网址：http://jsbeauty.iyi.cn/ ----
Atom中的包 首先，让我们从Atom的包系统开始讲起。...列在底下的是发布到atom.io的包，它是Atom包的官方注册处（registry）。设置面板中的搜索操作，会进入atom.io中的包注册处寻找，之后拉回任何匹配你搜索的东西。...如果没有的话，打开Atom，运行Atom > Install Shell Commands菜单apm和atom命令。...This Atom.io Package compiles .coffee Files on save to .js files....(myJavascript.coffee -> myJavascript.js) (349 downloads, 4 stars) ├── coffee-lint CoffeeScript linter
Atom中的版本控制 对于任何项目来说，版本控制都是很重要的一个方面。Atom集成了一些基本的Git和Github功能。...Git状态（status）列表 Atom带有模糊查找的包，提供了cmd-T快捷键来快速打开项目中的文件，以及cmd-B快捷键来跳到任何已打开的编辑器。...提交（commit）编辑器 Atom可以用作你的Git提交（commit）编辑器，并自带git语法包（language-git），它添加了语法高亮来编辑提交（commit）、合并（merge）和rebase...你可以使用以下命令来设置Atom为你的Git提交编辑器。...$ git config --global core.editor "atom --wait" language-git包会通过给提交消息的第一行加上颜色，来提醒你缩短它，当它超过50和65个字符的时候
在Atom中移动 用鼠标和方向键，简单地在Atom中移来移去非常容易，然而Atom有一些快捷键，可以让你把手一直放到键盘上，更快速地浏览文档。 首先，Atom自带许多Emacs的快捷键来浏览文档。...符号浏览功能在atom/symbols-view包中实现。 Atom书签 Atom同时拥有一个非常棒的途径，在特定的一行上面加上书签，使你可以快速跳到那一行。...如果你按下cmd-F2，Atom会给那一行加上书签。你可以在整个项目中设置一些书签，并且使用它们快速跳到项目中一些重要的行。一个小的书签标识会加在行号后面，像下面这张图的第22行。...按下F2之后，Atom会跳到当前文件的下一个书签的位置。如果你按下shift-F2则会跳到上一个。...书签功能在atom/bookmarks包中实现。
在Atom中写作 虽然Atom通常可能用来编写软件的代码，但是它还可以用来高效地编写文章。这通常采用一些标记语言，比如说Markdown和Asciidoc（也就是英文手册所用的格式）来完成。...下面我们会很快浏览一遍Atom提供给你用来写文章的一些工具。...拼写检查 如果你在处理文本（通常包括纯文本文件，Github Markdown文件和Github提交信息），Atom会自动尝试去检查你的拼写。...要向Atom尝试检查拼写的列表中添加文件类型，在你的设置视图中访问拼写检查包的设置，然后添加你希望检查的任何语法。...Atom拼写检查工具使用系统的字典，所以如果你希望在另一种语言或者区域中检查拼写，你可以很容易修改它。 拼写检查功能在atom/spell-check包中实现。
lineutils', ]), }, } 前端高亮代码配置 * 内容必须是代码块，即含有 pre 标签，再选择代码语言，不选择代码语言默认黑白框 * 去 prismjs 官网下载 css 和 js...文件：选择你喜欢的主题，勾选支持的语言，以及选择 Line Highlight、Line Numbers、Copy to Clipboard Button 功能，下载后把 css 和 js 放在static...对应的目录下 前端引入两个 js 和 css <link rel="stylesheet" href
昨天github通知我可以开始试用atom了。惊喜之余，立刻开始体验。 Atom是什么 Atom是github内部的编辑软件，据说已经使用了6年之久。...所以atom想做成一款初学者和Hacker都会喜欢，随着他们能力增长而增长的编辑器。 Atom基本功能 编辑器环境 ?...Atom插件系统 github在github.com/atom下开源了很多atom的package。我们随便看一个和排序相关的package —— 它能够排序选择的文本。使用起来是这个样子： ?...看上去atom的源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app的浏览器。...Atom的问题 就目前两小时的使用而言，我遇到了如下问题： (1) 第一次打开atom的时候，一个help文档会被自动打开。正当我一行行看的时候，atom自己crash了。
Atom中的序列化 当一个窗口被刷新，或者从上一次会话恢复的时候，视图和它相关的对象会从JSON表达式中反序列化，它们在窗口上一次关闭时储存。...module.exports = activate: (state) -> @myObject = if state atom.deserializers.deserialize...atom.deserializers.add(class) 你需要在你的类中调用atom.deserializers.add方法来使它对反序列化系统可见。...版本控制 class MyObject atom.deserializers.add(this) @version: 2 @deserialize: (state) -> ......反序列化的时候，Atom只在版本匹配的时候尝试对其反序列化，否则返回undefined。我们计划在未来实现一个迁移系统，但是现在至少能防止你对旧的状态反序列化。
DEMO 通常一个Atom Shell app的文件目录如下： your-app/ ├── package.json ├── main.js └── index.html package.json的格式和普通的...如下是package.json文件的样例： { "name" : "your-app", "version" : "0.1.0", "main" : "main.js..." } 在main.js中应该创建窗口并处理相应的系统事件，下面是一个典型的样例： // 用于控制app的life circle var app = require('app'); // 用于创建本地窗口的模块... We are using node.js document.write(process.version) and atom-shell <script...\atom-shell\atom.exe your-app\ Linux: ./atom-shell/atom your-app/ Mac OS X: .
转载文章：传送门->自定义右键菜单美化-星泽V社 纯属小工具 放在源代码任意处即可。 a {text-decoration: none;} div.usercm{background-repeat
为了提高编写HTML和CSS的速度，最近尝试着在Atom中安装emmet插件，下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法：打开Atom的引导界面（Welcome Guide）中的install...2然后我又采用了第二种方式：apm install emmet,很可惜，由于同上的原因，也报错失败了 3最后我通过进入atom的package的目录下把emmet的远程库克隆下来，然后在shell输入npm...命令依次为 1.cd ~/.atom/package 2.git clone xxxxx/emmet.git 3.cd emmet/ 4.npm install 安装过程在ubuntu14.04的终端上完成
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
