0001-atom编辑器之atom-beautify和uncrustify的安装及配置方法

1.atom-beautify插件的安装

• 方法一：按“crtl+,”快捷键调出settings，选择Install，在Install Packges下的搜索框中输入atom-beautify，进行搜索，然后点击install进行安装。(ps:博主的运行环境为win10专业版。jdk1.6，下面讲的安装uncrustify插件就是atom-beautify用来美化java源代码的。)
  

---

• 方法二：
  当然这并不是唯一的方法，这个方法也不一定行的通，在此之前，可以先ping 一下atom.io看是否能够连通，如果不能的话就只能采取离线安装的方法。更新这里也是同样的，有时候更新总是失败，原因大概大家都清楚，毕竟有“墙在保护我们”。博主这么装atom-beautify插件是可以，但是更新总是失败（插件可在setting中更新，还可直接在cmd窗口中执行“apm update”进行更新。），没办法了就从github上找对应的项目，然后git clone下来，再用apm install进行的安装更新（当然也可以不用git clone，可以直接下载下来，然后用apm install进行安装。）。
  详细步骤：

cd ~/.atom/packages    #~/这里代表atom安装根目录
#一般atom在windows平台上的安装根目录是：C:\Users\Administrator\.atom\packages
git clone https://github.com/Glavin001/atom-beautify.git
cd atom-beautify
apm install

---

补：博主在安装更新atom-beautify时没有出错，但是在安装uncrustify插件时，总是提示“Installing modules failed”原因是node和npm版本太低导致的，原因是博主的atom很久没用了，没有更新。如果想看自己的node和npm版本，可直接在cmd窗口中直接输入“apm -v”查看。
错误提示源码：

Installing modules failed
npm ERR! install Couldn't read dependencies
npm ERR! Windows_NT 6.2.9200
npm ERR! argv "C:\\Users\\Administrator\\AppData\\Local\\atom\\app-1.9.9\\resources\\app\\apm\\bin\\node.exe" "C:\\Users\\Administrator\\AppData\\Local\\atom\\app-1.9.9\\resources\\app\\apm\\node_modules\\npm\\bin\\npm-cli.js" "--globalconfig" "C:\\Users\\Administrator\\.atom\\.apm\\.apmrc" "--userconfig" "C:\\Users\\Administrator\\.atom\\.apmrc" "install" "--target=0.37.8" "--arch=ia32"
npm ERR! node v0.10.40
npm ERR! npm  v2.13.3

npm ERR! Invalid version: "0.64"
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     

更新完atom后博主的node和npm版本也更行至最新版的。
如下图：

---

atom-beautify安装好之后，就可用atom编辑器写html，js，css等一些项目文件然后直接用快捷键“ctrl+alt+b”进行美化操作。若是写c，c++，java，c#，objective-c等一些面向对象的时，atom-beautify就必须依靠uncrustify插件，不装是不能美化这些源文件的。

---

2.uncrustify插件的安装与配置。

• 方法一：
  安装uncrustify时，博主在atom中文社区，百度上搜uncrustify给的经验或教程要么搜不到，要么就是太不详细，对新手来说缺乏的知识太多。
  博主在安装uncrustify插件时，也同安装atom-beautify插件采用相同的方法即：

cd ~/.atom/packages
git clone https://github.com/uncrustify/uncrustify.git
cd uncrustify
apm install

但是之后不管添加环境变量，和.cfg配置文件，java和c++等都不能正常美化。最后经过反复研究最终用另一种方法解决了。

---

• 方法二：
  不采用从github上git clone源项目，而是去sorceforge上找uncrustify项目下载并解压，之后将解压好的uncrustify插件复制到.atom/packages/目录下面。
  将uncrustify的目录添加到环境变量path路径下。
  
  修改atom编辑器中的atom-beautify插件中对应的开发语言中的config path配置文件路径，若为空则是默认的代码格式化格式，个人觉得太丑了。这时候应该去C:\Users\Administrator.atom\packages\atom-beautify\examples\nested-jsbeautifyrc目录下找到uncrustify.cfg文件，将其添加到对应开发语言下的config path路径中。博主是将uncrustify.cfg文件拷贝到uncrustify插件目录下了。
  如图：
  

---

到这里，博主一成功的安装了atom-beautify和uncrustify插件，并且可以好好的用atom编辑器码代码了。代码格式化的也非常漂亮。就一个感觉“爽”。

---

格式化前：

格式化后：

---

效果还是棒的！！！
喜欢atom编辑器的可以一起学习交流。
若读者有比上面其它的更好，更简单的方法还请告知博主。

---

系统环境

• windows 10 64位专业版

---

相关链接：怎么配置atom-beautify插件中的uncrustify