在 macOS 中输出文件结构树形文本图

看到标题你一定会想:「文件结构树形文本图」,这是什么鬼?其实就是如下图所示的这个东西:

在 macOS 中我们只要安装了 「tree」 这个命令行工具,就可以轻易地获取这个功能,安装很简单:

是不是很简单?使用的前提是你要安装过 Homebrew

NVM 使用淘宝镜像

nvm 是一个好用的 nodejs 版本管理工具,但由于众所周知的原因,当使用 nvm 下载安装 nodejs 时,有时候会出现龟速甚至无法下载的情况,其实他是可以换源的。

MAC / Linux 下只需要执行如下命令即可:

Windows 的方案点这里

Vue Syntax Highlight with pug in Sublime Text

jade 这个项目组也是够任性的,说改名就改名,造成了 sublime 里面代码高亮失败,升级了 Vue Syntax Highlight 后依然无果,最后查明原因(via),原来还要安装一个 pug 的插件才可以,完整的支持如下:

1. 打开 Package Control:Install Package,输入 Vue Syntax Highlight,安装;
2. 参照 1 的方法,输入 pug,安装。

Have fun!

我使用的 Chrome 扩展

从第一版 Chrome 发布即开始使用,至今有多少年头早就不记得了,Chrome 有一个好处,配置(包含扩展)可以同步到服务器端,于是同步下来一些好东西,现在列举出来分享给大家,也算是一个资源的保存,以备将来查询。

扩展有点多,所以我将它们分为了三大块:推荐、私人和备用。扩展的列举顺序按照推荐程度和重要性排列。

推荐


Proxy SwitchySharp
科学上网的必备工具,配上那啥(不能说的秘密),上网妥妥的。妈妈再也不用担心我404了~

FaWave(发微)
目前就用他来转发好玩的东西,虽然时常出现 BUG 但依然无法掩盖他的伟大,暂时还没找到替代品

Remove Google Redirects
Google 搜索结果有时候会添加重定向链接,这是我们不愿意见到的,有了它,链接都干净了。该扩展以前介绍过,此处就不再赘述了。

Adblock Plus
看名字就知道了,屏蔽广告用的,他的好处是可以使用起来比较傻瓜,安装就运行了,也不用配置什么,还可以添加白名单(白名单的好处是优酷有时候会封杀广告拦截软件,此时将优酷加入白名单就好了)。

图片搜索
神器啊,我还能说什么呢,以图搜图的时候特方便,不需要专门去先打开一个图片搜索页面,谁用谁知道。

惠惠购物助手
比价软件,网易做的,还算比较用心的产品吧,虽然有时候跟某些网站的界面有冲突,但也无伤大雅了。

ActiveX for Chrome 网银助手
啥也不说了,该死的国内银行。该扩展有时候有效有时候无效,凑合用吧。

Pocket (formerly Read It Later)
保存长文章同步到手机上看的时候有点儿用。

印象笔记·剪藏
同 pocket,不过 evernote 的功能似乎更强大一点,我是两个配合使用,分别用来存不同的内容。

私人


Google Mail Checker
自从弃用 GTalk 以后,就指望他提醒邮件了

JS Runtime Inspector
JS 调试工具

Chrome Sniffer
查看该网站用了哪些技术,蛋疼的工具

查看背景图片
如题

Eye Dropper
一个取色的工具

Classic Retweet
刷推的时候,提供使用传统 RT 方式转发的快捷按钮

goo.gl URL Shortener
一个短网址工具,Google 出品,由于实际上已经被墙了,所以只是内部交流的时候用用。它的好处是永远都不会被和谐,因为已经被和谐了..

备用


网页截图 – Webpage Screenshot
有时候没有打开 QQ,又不想打开臃肿的专业截图软件,却要进行截图的时候,它就派上用场了

Enable Copy
有些网站屏蔽了右键,它就派上用场了

ZenMate for Google Chrome™
有一个科学上网的工具,但是我已经有 Proxy SwitchySharp 了,所以他只是个备胎啊 :)

如意淘
阿里系的比价软件,由于跟其他电商的竞争关系经常遭到封杀,数据更新很不及时,所以弃用了,但依然不失为一个不错的备胎

Windows 上使用 Github 手记

本准备玩一下 Google Code 上的 Git ,孰料 Google 提供的这个服务极其蛋疼,也许是本人才疏学浅吧,那个莫名其妙的 .netrc 文件就是不能让我免于在 pull/push 时输入密码,各种文档和解释也是含糊其辞,忍无可忍,纵然作为一名 Google 粉丝,我也只有投入 Github 的怀抱了(当然,该使用 SVN 的地方还是继续)。直接进入正题吧,首先是环境的搭建(本人使用的是 Git + msysgit + TortoiseGit + Putty 的组合):

1. 先下载所需要的安装程序:Gitmsysgit、TortoiseGit(32bit64bit)、Putty (以上均为官方下载链接,如担心有毒请自行Google);
2. 顺序安装以上下载的程序(先关闭所有的窗口,360会报不安全,信任就好),基本就是一路Next了,这个没啥好说的;
3. 注册一个Github帐号:https://github.com/plans,不必理会那些Plans,免费账号就可以创建无限制的开源项目了,只是容量小点(300M,不知道是每月还是总共,反正小项目来说是够用了);
4. 创建一个新的项目:https://github.com/repositories/new
5. 在开始菜单中找到Putty的文件夹,打开PuTTYgen(密钥生成器),点击生成,然后出来一个类似于这样的东西(公钥):
PuTTY密钥
点击保存私钥,随便起个名字随便放在哪(无视关于叫你填写密码的提示);将图中显示的公钥复制,打开Github中Account Setting页面里的SSH Public Key 选项卡,选择 Add another public key ,将刚才复制的公钥复制进去,随便起个名字,提交;
6. 在开始菜单中找到Putty的文件夹,打开 Pageant ,选择增加密钥,把刚才保存的那个后缀名为 ppk 的私钥导进去;
7. 在 Dashboard 页面的 Your Repositories 栏目下可以找到自己创建的那个项目,点击进去。能得到该项目的 Git 地址,比如我创建的 Shadowblue 地址就是:

找到你要放置项目的地方,右键选择 Git Clone , Url 处填入刚才那个地址,点击 “OK” ,项目就应该在本地成功建立了。

然后就是使用了:

1. 在本地项目目录中添加或进行改动以后需要先 Commit(你也可以用命令行,不过我这里示范时使用右键菜单中的 Git Commit -> “master” ),选择需要提交的改动,点击“OK”,这个时候项目的版本就在本地维护起来了;
2. 选择右键菜单中的 Git Sync .. ,在出现的界面中先选择 Pull,然后 Push,全部顺利的话,就会将本地的版本管理与服务器上的同步了。
3. 使用的时候稍显蛋疼的是每次开机或退出Pageant以后都要重新打开它并导入密钥以后,Git的验证才能通过,不像TortoiseSVN是自动保存的(可能是我没研究透彻吧)在TortoiseGit -> Setting -> Remote -> origin 下的 Putty 项中通过浏览加载先前保存的 ppk 文件并保存,Sync 的时候勾选 Autoload Putty key 选项,每次就会自动打开pageant载入key了;
4. 当服务器上的代码有变更以后,本地必须先 Pull 以后才可以 Push ,有效地避免了 SVN 上你刚上传一个东西,就被别人覆盖掉的坑爹情况,麻烦就麻烦一点吧,习惯就好;
5. 推荐使用 WinMerge 取代 TortoiseGit 自带的 Merge 工具,因为自带那个太蛋疼了。WinMerge 安装以后,在 TortoiseGit -> Settings 中,将 External Programs 下的 Diff Viewer 及 Merge Tool 中的 TortoiseMerge 改为 External ,下面填写 WinMergeU.exe 的路径即可,比如:

当然你如果觉得自带的 Merge 工具更好那就当我这条没说吧~
6. Have fun with Git ~

PS:这里不想讨论 SVN 与 Git 孰优孰劣的问题,有此兴趣的朋友请绕道。