55

为高效而生:Arya Jarvis

 4 years ago
source link: https://www.tuicool.com/articles/Fnq2mm7
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

e2a6F3A.png!web

荀子在《劝学》曰: 君子生非异也,善假于物也 。对于重复而精确性的事物,理想的目标是:有贴心工具加以协助,使得可以用更便捷的方式处理;Github 创建仓库: ARYA JARVIS ,即是为此而做的尝试 ── 她 旨在为开发人员节省更多时间、精力以及体力 。而此篇文章的存在,介绍 ARYA JARVIS 的同时,也分享下关于对 善假于物 的理解。

故事起源

就目前工作而言,比较多涉及的是 Web 前端这块。为更快能启动一个前端项目,抑或是做其他处理如:测试、构建、发布等,通常做法是在 package.json 中配置 scripts 脚本命令;然而,在接触一个复杂或者新项目时,如过对 scripts 脚本命令不够了然,则会限制在终端操作的速度。通常的做法是用熟悉的编辑器,打开该文件看下,或者借助 cat 命令输出至终端加以查看。所以,很早之前就希望能有一种操作,可以一键以浏览之。久未遇到,也自然就产生了自己写一个的想法,这边是编写 Arya Jarvis 的初衷。

截止目前,Arya Jarvis 可以帮着做的事儿,已逐渐多了起来, 是时候可以将其先分享出来,希望有更多人可以一起使用 & 完善她。就如在 Arya Jarvis README 中写到的,我个人是此工具的最忠实的用户;现在编写 Arya Jarvis 之时,也是用她本身来格式美化项目代码,感谢我自己在业余时间自己创造了她,我是如此的喜欢。

使用条件

Node.js (> = 8. *),Npm 版本 5+(更推荐使用Yarn。

下载安装

npm i arya-jarvis -g
# Or
yarn add global arya-jarvis

如何使用

如下两个代码美化相关功能,可以支持多种文件,譬如: .js , .vue , .ux , .less , .scss , .css , .json , .md , .html , .qxml , .wxml

:lipstick: 美化指定路径下的代码

arya prettier index.js
# :clap: Or Use Alias
arya p ./src/**/**/*.js
# :+1::raised_hands: Or Use Alias & Wildcard
arya p .

:microscope: 监听并美化指定路径下的代码

arya watcher index.js
# :clap: Or Use Alias
arya w ./src/**/**/*.js
# :+1::raised_hands: Or Use Alias & Wildcard
arya w .

值得一提的是,本项目代码在开发时,格式美化就使用 arya w . 命令。感谢我自己业余时间自己开发此了 arya jarvis ,我超级喜欢。

:earth_africa: 用于快速构建本地 Web 服务器

arya server
# :clap: Or Use Alias
arya s

:zap:️ 找到您本地 IP 地址并打印出来

arya ip

:eyes: 查看占用指定端口的程序

arya port 8080
# Or
arya port 8081

:monorail: 列出 package.json 中的脚本命令

arya ls
# :clap: Or Use Alias
arya l

此外, arya jarvis 仍在植入更多有用的功能,如果您有任何需求,您可以告诉我,或在此基础上进行扩展。如果您在使用过程中遇到任何问题,您可以随时向我的反馈。祝:生活幸福,工作快乐。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK