关于atom的一些小问题

我是在Linux系统上用的atom,所以下边所写内容均是基于Linux(注:我是用的Ubuntu16.04)

一.安装atom

    在安装过node的Linux操作系统,打开terminal命令行,依次输入以下指令:

  sudo add-apt-repository ppa:webupd8team/atom  sudo apt-get update  sudo apt-get install atom

  即可安装成功.

  卸载命令为:sudo apt-get autoremove

二.安装atom文本对比插件compare files

  打开atom->找到edit->找到preferences->install->在search packages里输入compare files然后点击packages->

  split-diff1.4.3(我用的)->点击install->安装好即可.

  怎么用:安装好以后,选择任意一个文件打开,即在右边显示出来,这时这个文件即时active状态,然后选择另外一个要对比的文件右键单击选择

  Diff with active file即可在右边显示出对比效果,接下来就一目了然了.

三.安装atom编辑颜色插件color-picker

  前面步骤与二相同,搜索color-picker,点击install安装.安装完成即可.

  怎么使用:选中代码中的设置颜色的部分代码.然后快捷键Ctrl+Alt+C(windows)或者cmd+shift+C(Mac).即可弹出颜色选择框进行颜色选择.

四.atom常用快捷键

  ctrl-shift-D 复制当前行到下一行

  ctrl-F 打开Find in current Buffer进行查找或者替换

  ctrl-Z 与  ctrl-Y  是撤销与反撤销 ctrl-L 选择光标所在的整行(包括空白部分)

   有时候如果不想选择一整行,只想选择本行的若干文本,此时可以用键盘自带快捷键.shift+home或者shift+end.

   shift+home是选择从光标闪烁位置开始向前的所有文本,后者选择从光标闪烁位置开始向后的所有文本.全选文本二者均可使用.

五.如何在atom里直接运行html文件

  作为一个前端开发者,运行html文件在所难免的事情,下边介绍一下自己的经验.

  第一种方式:在atom里边运行

  Packages->Settings View->Install Packages/Themes

  搜索安装atom-html-preview

  此时打开html文件右击选择Preview HTML即可.

  同时,atom自带的也由快捷键方式crtl+shift+M.

      第二种方式:在atom里边直接运行html文件到浏览器

      步骤同上,安装open-in-browser

      右击,选择Open in Browser,即可跳转到浏览器执行.

      个人觉得第二种好用一点,因为第一种在atom运行时有中文出现乱码.