atom配置web开发环境

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 版本控制

后面再研究



来自为知笔记(Wiz)


转载于:https://www.cnblogs.com/bhaltair/p/5734525.html

你可能感兴趣的:(atom配置web开发环境)