Atom 常用插件
atom- file- icons atom 文件图标
atom- material- ui atom 主题
atom- material- syntax atom 语法主题
language- vue 支持 Vue 语言
autocomplete- paths 自动提示模块路径, 需要在 插件的扩展设置中, 勾选 Enable Html Support
image- preview 链接悬浮预览图片
atom- ternjs 解释: 代码提示插件
hyperclick 解释: 支持变量, 点击跳转
minimap 解释: 代码地图插件
jquery- snippets jquery代码提示
emmet 快捷键 Tab 解释: 这是 Emmet 语法插件
atom- beautify 快捷键: ctrl- alt- b 解释: 格式化代码插件
view- in - browser 快捷键: alt- w 解释: 打开浏览器
atom- runner 快捷键: alt- r 注意: "需要自己手动的把底部的窗口控制台拉出"
atom- terminal 快捷键: alt- shift- t 解释: 打开终端
atom- html- preview 快捷键: ctrl- shift- h 解释: html 文件预览
color- picker 快捷键: ctrl- alt- c 解释: 颜色面板选择器
atom- live- server 快捷键: ctrl- alt- l ( 启动s服务器) , ctrl- alt- q ( 关闭服务器) 解释: 本地服务器插件
permanent- delete 快捷键: shift- delete 解释: 永久删除文件
ctrl- shift- p 编辑器内置命令
ctrl- tab 切换已打开的标签
ctrl- d 自动匹配相同的代码, 和 vscode 的 ctrl+ f2 很相似, 区别是: 每按一次快捷键只会匹配一个相同的字符, 所以可以多按几次快捷键
ctrl- shift- d 向下复制一行
长按 ctrl 并按 上下键, 可进行代码换行
常用情况
1. 解释: 标签栏出现 [ 文件名] -- - [ 父文件名] 代表由有相同名字的文件
2. 文件菜单隐藏
setting - > core - > Auto Hide Menu Bar
alt
3. markdown 预览
'atom-text-editor' :
'ctrl-shift-M' : 'markdown-preview:toggle'
'alt-/' : 'autocomplete-plus:activate'
4. 自动保存
settings - > Packages 搜索: "autosave" 然后进入此插件的设置中 "勾选 Enabled" 即可实现失去焦点自动保存的效果
5. 打开编辑器自动打开项目, 设置:
settings - > Restore Previous Windows On Start
若上面的设置不奏效, 再设置一个 settings - > Project Home 设置一个主项目的 "路径地址"
注意: "settings 中的 能打对勾的, 都要打上对勾"
6. 解决 atom 编辑器不能永久删除文件的问题
安装插件: permanent- delete , 使用时使用 shift- delete 快捷键即可