Atom编辑器使用

冀阳文
2023-12-01

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  解释: 永久删除文件
// atom 内置 常用快捷键
ctrl-shift-p   编辑器内置命令
ctrl-tab	  切换已打开的标签
ctrl-d		  自动匹配相同的代码, 和 vscode 的 ctrl+f2 很相似, 区别是: 每按一次快捷键只会匹配一个相同的字符, 所以可以多按几次快捷键
ctrl-shift-d   向下复制一行
长按 ctrl  并按 上下键, 可进行代码换行

常用情况

1. 解释: 标签栏出现  [文件名]---[父文件名]   代表由有相同名字的文件

2. 文件菜单隐藏
   setting -> core -> Auto Hide Menu Bar  // 勾选后, 隐藏文件菜单
   alt // 单按 alt 聚焦文件菜单, 失去焦点自动隐藏
   
3. markdown 预览
//	添加以下代码到 keymap.cson 文件, 可以让 markdown 文件有预览效果
	'atom-text-editor': // 区域 selector 选择器
    	// 快捷键			快捷键要做的事件
    	'ctrl-shift-M': 'markdown-preview:toggle'
		// 代码提示快捷键
		'alt-/': 'autocomplete-plus:activate'

4. 自动保存
settings -> Packages 搜索: "autosave"  然后进入此插件的设置中 "勾选 Enabled"  即可实现失去焦点自动保存的效果

5. 打开编辑器自动打开项目, 设置:
settings -> Restore Previous Windows On Start // 设置为 "yes"  即可, 每次打开 atom 编辑器, 自动恢复到上次关闭时的状态
若上面的设置不奏效, 再设置一个 settings -> Project Home    设置一个主项目的 "路径地址"


注意: "settings 中的 能打对勾的, 都要打上对勾"

6. 解决 atom 编辑器不能永久删除文件的问题
安装插件: permanent-delete  ,   使用时使用 shift-delete 快捷键即可
 类似资料: