码迷,mamicode.com
首页 > Web开发 > 详细

atom配置web开发环境

时间:2016-08-03 22:13:23      阅读:542      评论:0      收藏:0      [点我收藏+]

标签:

1. 安装包

1.1 apm命令

自带apm ,没有菜单栏找install shell commands
apm全称:atom package management
apm installl [包的名称]
apm install
apm install 包的路径
apm search 包名称
apm view 包名称 查看包
apm install git-grep 安装包
npm,需要你安装git和Node.js

1.2. 使用setting里面的install package

我试验的结果,不太好用。

3. 插件推荐

emmet 这个不用解释了
vim-mode-plus
activate-power-mode ctrl+alt+o激活 输入有很吊的效果
file-icons 文件图标
atom-beautify 代码格式化美化
color-picker
jshint

4 theme推荐

atom-material 类似安卓的风格,直接apm install atom-meterial-ui安装

5 其他

atom的配置是通过类似CSS选择器的方式进行的。
参考:《Atom Flight Manual》

6 基础

alt+ctrl+f2 设置书签
f2 书签跳转
ctrl+up/down 行上移动
ctrl+shift+d 复制行
ctrl+shift+k 删除行
ctrl+d 在当前文档中选中下一个相同的字符
alt+f3 选中所有相同的字符

6.1 Snippets

  • alt+shift+s 查看所有可以支持的snippets
  • 编辑自己的snippets 高级功能以后研究 编辑snippets.cson

6.2 代码折叠

  • alt+shift+ctrl+[/] 折叠当前文档所有的段落
  • alt+ctrl+[/] 折叠代码

6.3 版本控制

后面再研究





atom配置web开发环境

标签:

原文地址:http://www.cnblogs.com/bhaltair/p/5734525.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!