Atom使用中文教程.pdf

发布时间：2022-05-29 发布人：admin 分类：说明书资料大小：7.21M 资料格式：pdf 举报版权申诉

qq_36874469-10040428-4744302543347116005.pdf-第1页.png

第1页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第2页.png

第2页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第3页.png

第3页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第4页.png

第4页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第5页.png

第5页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第6页.png

第6页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第7页.png

第7页 / 共48页

qq_36874469-10040428-4744302543347116005.pdf-第8页.png

第8页 / 共48页

前言

适用人群

学习前提

第 1 章简介

何为 ATOM

为什么用 ATOM

下载安装

启用界面

第 2 章基础

启动界面

设置中心 File=>Settings

常用快捷键–亲测及翻译

第 3 章插件主题推荐

注意事项

进入二度设置我再介绍

主题推荐

插件推荐

前端必备插件篇

插件–美化篇

插件–协作篇

插件–键盘侠

插件–加强

第 4 章自定义按键绑定

简介

按键绑定组成

按键绑定

第 5 章保存与预览功能

记住上一次打开的目录

插件 open-last-project

浏览器预览

插件:RIB - run in browser

个人 RIB 自定义按键修改–仅供参考

第 6 章 config.cson 基础教程

config.cson 配置

总结

第 7 章 Emmet 实例教程

何为 Emmet

功能

目的

Emmet 基础

知识预备

Emmet 特性

Emmet 语法

HTML

id # |类.|属性[]|内容{},若是不带父元素,则默认为隐性生成(就近原则)

后代> | 兄弟+ | 上级^

分组()/乘法*/自增$/自减$@-/起序$@数字

综合运用-静态布局

Emmet 简写

结语

第 8 章分屏操作

分屏

为何要分屏

如何获取 Atom 的分屏命令

为何不用默认的分屏快捷键

自定义快捷键

第 9 章实用侧边栏插件

插件介绍:tree-view-finder

修改目录树跟 Mac OS Finder 相似

安装及使用

两种安装方法

使用

效果图

快捷键参数-默认

第 10 章 CSScomb 增强版

何为CSScomb

获取 CSScomb

第三方 CSScomb

atom-css-comb

特点

基础使用

进阶使用

前言前言 Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。本文将通过简单实用的方法来带你学习 Atom 编译器的使用。适用人群适用人群本文是为新手所准备的，针对那些想要依托 Github 做文本编译工作的读者。学习前提学习前提在你学习之前，你需要对 Github 有一定的了解。鸣谢：http://blog.csdn.net/column/details/atom.html

目录目录前言前言 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 第 1 章第 1 章简介简介 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 第 2 章第 2 章基础基础 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 第 3 章第 3 章插件主题推荐插件主题推荐 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1414 第 4 章第 4 章自定义按键绑定自定义按键绑定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1919 第 5 章第 5 章保存与预览功能保存与预览功能 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2222 第 6 章第 6 章 config.cson 基础教程 config.cson 基础教程. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2525 第 7 章第 7 章 Emmet 实例教程 Emmet 实例教程 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3030 第 8 章第 8 章分屏操作分屏操作 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3636 第 9 章第 9 章实用侧边栏插件实用侧边栏插件 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3939 第 10 章第 10 章 CSScomb 增强版 CSScomb 增强版. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4242

11 简介简介

第 1 章简介 | 4 何为 ATOM 何为 ATOM Atom 是专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面，并有很多有趣的特点：支持 CSS，HTML，JavaScript 等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。为什么用 ATOM 为什么用 ATOM • 开源 — 遵循 MIT 协议,代码托管在 Github (https://github.com/atom/atom) 上。 • 多平台 — 支持 MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包)。 • 丰富的插件库 — 开源到现在一年了..社区的各种插件丰富起来了,且 Atom 的插件支持在线更新。 • 类 Sublime — 风格和 sublime text 极其相似,不管是风格还是操作上,快捷键上一些是通用的,应该借鉴 • 采用包管理技术 — 采用了 node.js 来访问文件系统和包管理。 • 强大的生命力 — 背靠 Github 社区,这对于 Atom 来说,可以注入源源不断的生命力。下载安装下载安装 1、打开 Atom (https://atom.io/) 的官网

第 1 章简介 | 5 2、点击”Download Windows Installer” — 之后双击 AtomSetup.exe 3、会默认安装到 C 盘,桌面会出现一个 Atom 的图标

启用界面启用界面第 1 章简介 | 6

22 基础基础

启动界面启动界面第 2 章基础 | 8 菜单栏-分为六大块: • File — 文件的保存打开,项目的保存打开,最后一次的项目加载,关闭及设置中心,以及用户自定义的配置(配置文件,初始化脚本,样式风格,代码片段,快捷键配置文件)等 • Edit — 文件编辑的操作,文件编码格式,及行跳转等 • View — 重载页面,全屏,字体大小的缩放等 • Find — 都是关于查询的 ,跟 Sublime text 极其相似,快捷键基本一样 • Package — 包,就是插件列表的集合点 • Help — 帮助文档,软件更新,协议等

分享到：

赞收藏

资料库

Atom使用中文教程.pdf

相关推荐

开发技术

热门标签

最新资料