atom的快捷键(vue学习在路上),你hold住吗?

命令面板:Ctrl+Shift+P
设置窗口:Ctrl+,
另存为: Ctrl+Shift+S
添加文件:Ctrl+O
添加文件夹:Ctrl+Alt+O
工程内查找 :Cmd+Shift+F
a,m,delete来对文件进行新建,重命名,删除
切换目录树栏的显示与隐藏:Ctrl+\
搜索目录中的文件:Ctrl+T或Ctrl+P
搜索一个当前打开的文件:Ctrl+B
在当前文档搜索并跳到符号: Cmd+R
在工程内搜索并跳到符号: Cmd+Shift+R

文本编辑与删除
基本操作
        段落重排:  Cmd+Alt+Q
    复制当前行:    Cmd+Shift+D:
    删除当前行:  Ctrl+Shift+K
    将下一行接到当前行尾:  Cmd+J
    当前行向上/下移动一行: Ctrl+Cmd+Up/Ctrl+Cmd+Down
        让光标跳转到临近的括号处:Ctrl+M
        选中当前括号内所有内容:Ctrl+Cmd+M
        补全XML/HTML的标签:Cmd+Alt+
    选择当前单词:  Ctrl+Shift+W
   
代码折叠:Cmd+Alt+[和Cmd+Alt+]
        Cmd+Alt+Shift+[和Cmd+Alt+Shift+]
分栏:
方向键来创建新的分栏:Cmd+K 方向键
分栏间切换光标:Cmd+K Cmd+方向键来在焦点.
关闭一个分栏:  Cmd+W
 
手动指定或改变当前文件的类型:Ctrl+Shift+L  
手动选择文件的编码方式 : Ctrl+Shift+W:

删除和剪切
    Cmd+Backspace: 从当前光标删除到行头
    Cmd+Delete: 从当前光标删除到行尾
    Alt+Backspace/Alt+H: 从当前位置删除到单词头
    Alt+Delete``Alt+D: 从当前位置删除到单词尾    
Cmd+K, Cmd+U: 连续输入两个快捷键,将当前单词转为大写字母
Cmd+K, Cmd+L: 连续输入两个快捷键,将当前单词转为小写字母
通过Cmd+K Cmd+Num来指定折叠哪一层缩进(Num指定缩进的深度)
通过Cmd+Ctrl+Alt+F或Fold Selection命令来折叠任意选中的代码段

光标移动:在移动光标的时候顺便选中内容,只需要在移动快捷键中加上Shift
光标上下移动
    光标移动到上一行: Ctrl+P 或 Up
    光标移动到下一行: Ctrl+N 或 Down
    光标移动到文件头: Cmd+Up
    光标移动到文件尾: Cmd+Down
光标左右移动
    光标向左移动一个字符: Ctrl+B 或 Left
    光标向右移动一个字符: Ctrl+F 或 Right
    光标向左移动一个单词: Alt+B 或 Alt+Left
    光标向右移动一个单词: Alt+F 或 Alt+Right
    光标移动到行头: Ctrl+A 或 Cmd+Left
    光标移动到行尾: Ctrl+E 或 Cmd+Right
移动到指定行、列:
        Ctrl+G来呼出光标移动窗口,填入行:列
        
        
书签:
    Cmd+F2: 在当前行创建或取消书签
    Ctrl+F2: 列出所有书签
    F2: 跳转到下一个书签
    Shift+F2: 跳转到上一个书签
    
多光标选择
多光标选择是SublimeText的特色功能,现在Atom也能支持了,具体的使用方法如下:
* 添加一个新的光标: 按住Cmd键后用鼠标点击或选择想要添加新光标的位置
* Cmd+Shift+L: 将选中的多行转成多光标的形式
* Cmd+D: 选中下一个与当前光标所在单词相同的单词(或是与当前选中单词相同的单词)
* Ctrl+Cmd+G: 选中所有与当前光标所在单词相同的单词(或是与当前选中单词相同的单词)

git:
搜索一个新建的或更改过的文件:Ctrl+Shift+B   git status
恢复文件到最后一次提交的状态:可以使用Cmd+Alt+Z或Checkout Head Revision命令
撤销修改:Cmd+Z来撤销刚才的
Cmd+Z来撤销刚才的
将Atom设置为Git的默认编辑器 : git config --global core.editor "atom --wait"

辑器Atom配置vue语法高亮:安装language-vue
让ATOM编辑器的EMMET插件支持VUE文件的方法 :
进入终端编辑配置文件
vim ~/.atom/keymap.cson
在最后一行后面再插入一行,将下面的代码粘贴进去
‘atom-text-editor[data-grammar~="vue"]:not([mini])‘:
    ‘tab‘: ‘emmet:expand-abbreviation-with-tab‘

Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验:
# 进入atom插件文件夹
cd ~/.atom/packages/
# git clone 插件源文件
git clone https://github.com/AtomLinter/linter-eslint
# 进入linter-eslint插件文件夹
cd linter-eslint
# 安装插件
npm install

时间: 2024-08-26 09:24:51

atom的快捷键(vue学习在路上),你hold住吗?的相关文章

Vue学习笔记入门篇——组件的使用

本文为转载,原文:Vue学习笔记入门篇--组件的使用 组件定义 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展. 组件使用 注册 注册一个全局组件,你可以使用 Vue.component(tagName, options).组件在注册之后,便可以在父实例的模块中以自定义元素 的形式使用.

Vue学习笔记入门篇——组件的内容分发(slot)

本文为转载,原文:Vue学习笔记入门篇--组件的内容分发(slot) 介绍 为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板.这个过程被称为 内容分发 (或 "transclusion" 如果你熟悉 Angular).Vue.js 实现了一个内容分发 API,使用特殊的 'slot' 元素作为原始内容的插槽. 编译作用域 在深入内容分发 API 之前,我们先明确内容在哪个作用域里编译.假定模板为: <child-component> {{ messa

Vue学习笔记入门篇——组件的通讯

本文为转载,原文:Vue学习笔记入门篇--组件的通讯 组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B.它们之间必然需要相互通信:父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件.然而,在一个良好定义的接口中尽可能将父子组件解耦是很重要的.这保证了每个组件可以在相对隔离的环境中书写和理解,也大幅提高了组件的可维护性和可重用性.在 Vue 中,父子组件的关系可以总结为 props down, events up.父组件通过 props 向下传递

Vue学习笔记目录

本文为转载,原文:Vue学习笔记目录 Vue介绍 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API,使得我们能够快速地上手并使用Vue.js. 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM.它通过一些特殊的HTML语法,将DOM和数据绑定起来.一旦你创建了绑定,DOM将和数据

Vue学习笔记进阶篇——Render函数

本文为转载,原文:Vue学习笔记进阶篇--Render函数 基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器. <h1> <a name="hello-world" href="#hello-world"> Hello world! </a> </h1>

vue学习笔记——简单的介绍以及安装(一)

学习编程需要的是 API+不断地练习^_^ Vue官网:https://cn.vuejs.org/ 菜鸟教程:http://www.runoob.com/vue2/vue-tutorial.html 1.简单的介绍 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版

【Vue学习笔记1】基于Vue2.2.6版本

记录一下自己关于Vue学习的过程,便于以后归纳整理以及复习. 1.下载引用vue.js 下载: npm install vue ,然后引用. 或直接线上引用: <script src="https://unpkg.com/vue/dist/vue.js"></script> 2.基于vue2.26版本 MVVM模式,M(模型),V(视图),VM(VideoModel)

学习Android路上的一些感慨和总结,慢慢来,比较快!

学习Android路上的一些感慨和总结,慢慢来,比较快! 一直想对自己的学习路程做一个总结,来告别某一个阶段的过去,迎接某一个阶段的来临,一直抽不出时间来,于是零零散散的写了点-,到现在,也已经积攒了挺多的了 这篇博客分享给正陷入或者说正迷失在选择的人- 为什么要这么说呢?首先,我们要来客观的看待一个状态,那就是--迷茫了,这种状态是什么?其实这种状态是比较其妙的,属于一种过渡期,就拿我自己来说吧,刚开始学习Android的时候,什么都不懂,.现在看来几行代码就做出来的效果当初感觉十分高大上的效

Vue学习笔记进阶篇——过渡状态

本文为转载,原文:Vue学习笔记进阶篇--过渡状态Vue 的过渡系统提供了非常多简单的方法设置进入.离开和列表的动效.那么对于数据元素本身的动效呢,比如: 数字和运算 颜色的显示 SVG 节点的位置 元素的大小和其他的属性 所有的原始数字都被事先存储起来,可以直接转换到数字.做到这一步,我们就可以结合 Vue 的响应式和组件系统,使用第三方库来实现切换元素的过渡状态. 状态动画和watcher 通过 watcher 我们能监听到任何数值属性的数值更新.可能听起来很抽象,所以让我们先来看看使用 T