首页 » PHP教程 » atombeautifyphp技巧_前端开拓利器DeepinAtom

atombeautifyphp技巧_前端开拓利器DeepinAtom

duote123 2024-12-09 0

扫一扫用手机浏览

文章目录 [+]

由于事情须要及前辈的影响,让我打仗到了Deepin Linux操作系统,搭载Atom开拓工具,这对前端来说也是一个很大的寻衅,面临这一个新的操作系统及摸不透的命令行。
由于事情须要及前辈的影响,让我打仗到了Deepin Linux操作系统,搭载Atom开拓工具,这对前端来说也是一个很大的寻衅,面临这一个新的操作系统及摸不透的命令行。

在师父(FungLeo)的带领下进入了Linux天下,从此在开拓的征程中得到了很大的提升。

atombeautifyphp技巧_前端开拓利器DeepinAtom

首先我们来说说Deepin操作系统

atombeautifyphp技巧_前端开拓利器DeepinAtom
(图片来自网络侵删)

deepin操作系统安装是非常方便的,详细安装办法请移步deepin官方文档https://www.deepin.org/installation/

全体界面还是十分都雅的,结合了Windows和Mac OS的一些优点,默认Chrome浏览器,对付前端开拓足以,除此之外,deepin系统自带运用商店,安装软件大略,也可以利用Linux命令安装。

ATOM

Atom 一个21世纪的一个黑客文本编辑器(是不是这样只有自己试过才知道)

官方地址:https://atom.io/

deepin系统安装

可以直接在运用商店搜索安装,这种办法比较普遍,也很大略

Linux命令行安装

sudo add-apt-repository ppa:webupd8team/atomsudo apt-get updatesudo 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软件,官网传送门链接 https://atom.io/

自动安装插件

进入目录file -> setting

手动安装

必要条件:安装git,node

cd ~/.atom/packages/git clone <插件的git地址> # 比如:git clone https://github.com/Glavin001/atom-beautify.gitcd <包名> # cd atom-beautifynpm 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来说的必不可少,链上一个语法传送门 http://docs.emmet.io/cheat-sheet/

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

(11)file-type-icons : 对付写代码来说其实用处也不大,便是在atom的目录里面给不同文件添上特色图标,不过细节决定品质

(12)mini-map : 代码的小舆图,和sublime没什么差异

标签:

相关文章