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

1.atom-beautify插件的安装

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

  • 方法二:
    当然这并不是唯一的方法,这个方法也不一定行的通,在此之前,可以先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!     <https://github.com/npm/npm/issues>

更新完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

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 18
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值