前端开发利器Deepin+Atom

原文地址：www.ctoku.com/post/RHPqj7…

这里提及前端开发工具，主要是将更方便的开发方式分享给你们！ 由于工做须要及前辈的影响，让我接触到了Deepin Linux操做系统，搭载Atom开发工具，这对前端来讲也是一个很大的挑战，面临这一个新的操做系统及摸不透的命令行。由于工做须要及前辈的影响，让我接触到了Deepin Linux操做系统，搭载Atom开发工具，这对前端来讲也是一个很大的挑战，面临这一个新的操做系统及摸不透的命令行。 在师父(FungLeo)的带领下进入了Linux世界，今后在开发的征程中获得了很大的提高。

首先咱们来讲说Deepin操做系统

deepin操做系统安装是很是方便的，具体安装方式请移步deepin官方文档https://www.deepin.org/installation/

整个界面仍是十分美观的，结合了Windows和Mac OS的一些优势，默认Chrome浏览器，对于前端开发足以，除此以外，deepin系统自带应用商店，安装软件简单，也可使用Linux命令安装。

ATOM

Atom 一个21世纪的一个黑客文本编辑器（是否是这样只有本身试过才知道） 官方地址：atom.io/

deepin系统安装

能够直接在应用商店搜索安装，这种方式比较广泛，也很简单

Linux命令行安装

sudo add-apt-repository ppa:webupd8team/atom
sudo apt-get update
sudo apt-get install atom
复制代码

Atom 配置

Atom 禁用「自动去掉行尾空格」

File -> Preferences -> type "whitespace" -> disable [Remove Trailing Whitespace].

去掉的缘由是，有些开源的库是并无符合codestyle，可是那些也不是本身要改的，若是自行更改了会形成很多的麻烦。

好比之后合并时会至关麻烦。若是是一个自行开发的项目能够这样从新打开这个开关。

Atom修改Tab长度

File -> Preferences -> Settings -> Tab Length

(注：修改后原来的并不会跟着改变，须要手动改变一下，毕竟是用空格代替的Tab)

Atom 查件安装

官网下载安装atom软件，官网传送门连接 atom.io/

自动安装插件

进入目录file -> setting

手动安装

必要条件：安装git,node

cd ~/.atom/packages/
git clone <插件的git地址> # 好比：git clone https://github.com/Glavin001/atom-beautify.git
cd <包名> # cd atom-beautify
npm install
复制代码

推荐几款经常使用包

（1）atom-ternjs : js(e6)的自动补充

（2）key-binding-mode : atom 快捷键管理

（3）pre-view ： pdf预览

（4）activate-power-mode : 相信不少人开始用atom是由于看了关于这个超级炫酷的动画来的，它让你敲代码的时候产生炫酷效果，＝＝ 然而对于程序媛来讲病并无用 只适合娱乐和在外行前装bi

（5）color-picker : 可像chorme里面同样，直接吸收颜色的色值，写css的时候不错

（6）language-todotxt : 通常po主用来看小说（开始的时候用sublime，小说能够直接拖进去，可是用了atom之后，txt不被识别，因此才去找了插件）

（7）pigments : 它和（5）多是姐妹吧，在atom里面全部颜色的色值，它会自动加上背景色，因此是颜色的地方一看就知道是什么sai

（8）atom-beautify : 支持html,css,js,php...等的格式美化

（9）emmet ： 这个对于写html来讲的必不可少,链上一个语法传送门 docs.emmet.io/cheat-sheet…

（10）markdown-format : 支持.md文件在atom里的预览

（11）file-type-icons : 对于写代码来讲其实用处也不大，就是在atom的目录里面给不一样文件添上特点图标，不过细节决定品质

（12）mini-map : 代码的小地图，和sublime没什么区别