老甘的可读区

id:cngump, 像阿甘, iOS开发者, 技术控, 驻广州, 创业中。。

Brackets - 又一款牛x的WEB开发编辑器

去Brackets官网下载: http://brackets.io/

http://ww1.sinaimg.cn/large/61c18847gw1eeoaup4ea5j20k20bvjt4.jpg

Adobe Brackets是由Adobe主导开发一款主打web开发的编辑器。 是继TextMate,Sublime Text这两个神器后,有望成为Web开发前后端开发神器。 Brackets自带强大的插件系统,先已有近百个插件,对nodejs, python, ruby, PHP, Rust等前后端语言都支持非常好。虽然是打着Web开发,从各种插件来看, Brackets的野心是不小的。

http://ww1.sinaimg.cn/large/61c18847gw1eeob1ql203j20lg0et75v.jpg

Brackets的主UI相对清爽,标准的左边文件栏,右边插件栏,下面各种信息和主要操作区域。

部分快捷键

Ctrl/Cmd + Shift + H 可以呼出与关闭文件树
Ctrl/Cmd + Shift + O 快速打开文件
Ctrl/Cmd + T 快速跳到某个TAG
Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数
Ctrl/Cmd + +/– 放大缩小编辑区字体大小
Ctrl/Cmd + 0 重置编辑区字体大小
Ctrl/Cmd + Alt + P 打开即时预览功能
Ctrl/Cmd + / 注释
Ctrl/Cmd + Alt + / 块注释

优秀的插件

1.代码格式化插件:Beautify

直接打开Brackets 插件管理器,搜索安装beautify。 安装完毕后,选择菜单上的编辑→beautify(或使用快捷键ctrl+alt+L)完成代码格式化

2.HTML代码编辑:Emmet

最强大的HTML和CSS快速编辑插件

3.CSS和JS压缩插件:Minify

很强大的插件,集成了CSS和JS的压缩,会在同个目录下自动生成.min.格式的文件。

4.CSS3代码自动补全插件:auto prefix

使用CanIUse上的css3数据,自动补全css3前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。

5.代码折叠插件:brackets-code-folding

安装URL:https://github.com/thehogfather/brackets-code-folding

默认不支持代码的可折叠功能。通过此扩展的安装,对代码添加可折叠功能。

6.Brackets Git

Git集成

7.Brackets Kill Ring

类似Emacs的kill ring

8.Align It

对齐

9.Pretty Json

格式化Json

10.Python flake8 Lint

Python的格式化

11.Themes

配色

12.ImageToData

图片转为base64字符串

原文地址: http://cngump.com/blog/2014/03/22/brackets/

Incorporated - 一款很清爽jekyll的theme

虽然一直在试用Octopress的静态博客系统。也一直对jekyll保持爱好,最近给techparty.org换个皮肤, 经朋友的投票, 大家选择了incorporated。 花了一点时间配置一下,和修改了一写页面的细节处理。 具体的页面可以clone一下,自己折腾吧。

incorporated主页: http://incorporated.sendtoinc.com/

incorporated Demo: http://blog.sendtoinc.com/

还有其他的精彩theme:
http://pizn.github.io/
http://lanyon.getpoole.com/
http://carlosbecker.com/posts/up-a-jekyll-theme/
http://dbtek.github.io/dbyll/
http://blog.sendtoinc.com/
http://zachholman.com/posts/left/
https://github.com/rosario/kasper

Homebrew-cask 命令行安装Mac软件

homebrew-cask简介

cask是基于homebrew的扩展命令,直接通过命令行去安装Mac的各种软件。免去之前通过下载链接下载DMG文件,然后拖动到Applitions目录,这种手动的安装方法。如果配置一部新的Mac机器,主要安装了cask,通过一个脚本就安装把用到软件一一安装上去,可以节约很多时间。

homebrew-cask依赖

“Command Line Tools” –> homebrew –> homebrew-cask 上面是cask的依赖关系。

1. “Command Line Tools” 安装方法

http://railsapps.github.io/images/installing-mavericks-popup.png

2. homebrew 安装方法
1
ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

homebrew-cask安装

homebrew-cask 安装方法
1
2
3
brew tap phinze/cask
brew install brew-cask
brew cask install google-chrome

cask帮助

输入下面的命令就可以查看cask的常用命令: checklinks,doctor,search,list,info,alfred,audit,edit,install,uninstall,create,home

1
brew cask

cask默认默认会把程序安装到/opt/homebrew-cask/Caskroom这个目录。并会在 ~/Applications 建立各个程序的软链。

常用的软件的cask

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
#!/bin/bash
brew cask install adobe-air
brew cask install alfred
brew cask install aliwangwang
brew cask install appcleaner
brew cask install dbeaver
brew cask install dropbox
brew cask install emacs
brew cask install evernote
brew cask install filezilla
brew cask install firefox
brew cask install genymotion
brew cask install github
brew cask install gitx-l
brew cask install google-chrome
brew cask install intellij-idea-ultimate
brew cask install iterm2
brew cask install itools
brew cask install light-table
brew cask install line
brew cask install maxthon
brew cask install mou
brew cask install movist-fork
brew cask install pycharm-pro
brew cask install qq
brew cask install skitch
brew cask install skype
brew cask install spectacle
brew cask install sublime-text
brew cask install the-unarchiver
brew cask install thunder
brew cask install virtualbox
brew cask install vlc
brew cask install vox

原文地址: http://www.cngump.com/blog/2014/02/15/homebrew-cask/

Docker入门实战

1. Docker是什么?

Docker是一个云计算平台,它利用Linux的LXC、AUFU、Go语言、cgroup实现了资源的独立,可以很轻松的实现文件、资源、网络等隔离,其最终的目标是实现类似PaaS平台的应用隔离。
更多请移步到:
Linux容器运行时Docker开源
Docker —— Git 部署

2. Docker的环境

  1. 宿主主机(host)你可以把Docker跑到真机的Ubuntu上面,也可以运行在VirtualBox上面(配合Vagrant更佳,没有用过Vagrant去google之)。
  2. 小编是在Mac环境安装VirtualBox配合Vagrant安装Ubuntu 12.04 或者 CoreOS 来做测试的。
    ps.什么是CoreOS,CoreOS是一个内置docker的小型Linix发行版。

3. 安装Docker宿主Linux

3.1 用Ubuntu做宿主

Docker官方网站安装指导
下载docker的源码并启动ubuntu:

1
2
3
4
git clone https://github.com/dotcloud/docker.git
cd docker
vagrant up
vagrant ssh

3.2 用CoreOS做宿主

CoreOS安装教程 下载CoreOS的vagrant的配置并启动CoreOS:

1
2
3
4
git clone https://github.com/coreos/coreos-vagrant/
cd coreos-vagrant
vagrant up
vagrant ssh

3.3 测试docker是否安装成功?

通过3.1或者3.2的方法都可以安装包含docker的host系统。 输入

1
2
3
查看docker是不是安装成功:
docker help
如果现实docker的帮助信息就说明docker安装成功

4 使用docker

通过以上步骤说明docker的环境已经安装成功。通过vagrant ssh进到有docker的Linux中。使用下面命令就可以开始使用docker了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#由于有些网址在国内无法访问,请先修改host配置文件
sudo vi /etc/host

#in /etc/host
54.234.135.251 get.docker.io 
54.234.135.251 cdn-registry-1.docker.io

#启动image为busybox的linux容器(如果本地没有安装,则自动从网上下载安装)
#如果成功显示hello world则表示busybox的docker已经可以运行了
docker run busybox /bin/echo hello world


#运行或者下载ubuntu基础环境
docker run ubuntu /bin/echo hello world

#进入docker中容器的bash终端里面,如果是ubuntu这时就可以输入可用的ubuntu命令了
docker run -i -t ubuntu /bin/bash

docker官方的container列表,包括很多常用的服务
https://index.docker.io/

5 适用docker部署一个简单的rails环境

https://index.docker.io/查找合适的rails的容器。

自己通过Dockerfile部署 ps. 关于Dockerfile请移步到docker官网学习 https://www.docker.io/learn/dockerfile/

1
2
3
4
5
6
7
mkdir dockerrails
vi Dockerfile
#https://gist.github.com/itsderek23/6348922
#把上面的url的gist复制到Dockerfile中
#然后通过命令,就可以生成有rails环境的容器了。
rails new docker-rails  #或者从其他的已有的rails项目
docker build .

6 常用docker配置

一个wordpress的docker
https://github.com/eugeneware/docker-wordpress-nginx

一个rails的docker
https://github.com/gemnasium/rails-meets-docker

7 相关资源

Docker镜像文件(images)的存储结构
原文地址:http://blog.thoward37.me/articles/where-are-docker-images-stored/
中文地址:http://liubin.org/2014/03/10/about-docker-images-storage/ 翻译:刘斌

Mac工具系列

//不断更新中
//原文地址: 转载请保留
http://www.osxtoy.com/?page_id=2389
http://idevchina.com/t/22

Mac工具系列

1 准备新的Mac。

1.1 进到键盘设置把Caps Lock键该为Ctrl键。 方便按Ctrl+a和Ctrl+e。
1.2 安装中文输入法,百度输入法,搜狗输入法都可以。

2 办公类

Keynote,Numbers,Pages
苹果家的好软件。全部免费,全部安装
Office for Mac 有钱买个正版的MS Office。

3 效率类

Evernote 笔记类
Dropbox 强大的存储同步软件
Alfred 快速启动app的软件
Spectacle 分屏软件,大屏幕必装。 (记得在设置-》安全性与隐私里面允许他的控制)

4 网络类

QQ 不用讲了吧
Adium 支持多种聊天协议的聊天工具
迅雷 下载利器
Chrome 必装的
Firefox 开发必备
Foxmail 邮件客户端
FileZIlla 老牌的ftp客户端

4 系统工具

AppCleaner 下载软件的工具

5 虚拟环境

VMware Fusion 强大的虚拟机软件
VirtualBox 免费的虚拟机软件

6 开发工具

Eclipse
Mou 好用的markdown编辑器

Sublime Text 2
(设置Sublime 的命令行)

ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~/bin/subl 

给Sublime安装包管理,具体见: https://sublime.wbond.net/

11 开发类

安装最新版本的Xcode,安装Command Tools,很多需要编译的软件都要用到。
安装iTerm2 好用的终端工具
安装HomeBrew
使用brew安装常用命令行工具

brew install vim wget curl htop axel git  zsh tmux python  

(记得修改 ~/.tmux.conf的Ctrl+a改为Ctral+b以免和OSX的回到行头冲突)

一个配置的集合包括vim,zsh,iTerm2,tmux 等
https://github.com/skwp/dotfiles

在dotfiles上面又进行了扩展
https://github.com/davidjrice/prezto_powerline

安装超好用的zsh配置框架: Prezto
https://github.com/sorin-ionescu/prezto
或者oh-my-zsh
https://github.com/robbyrussell/oh-my-zsh
(上面两个选择一个)

设置vim配置:
square开源的vim配置文件:
https://github.com/square/maximum-awesome

安装python的虚拟环境virtualenv:

pip install virtualenv   //安装 virtualenv   ,确认是pip 是通过brew安装    
virtualenv py27        //创建新的python虚拟环境    
source py27/bin/activate       //激活py27这个虚拟环境,这时可以在提示符前面看到(py27),说明你已经进入虚拟环境了    
pip install django        // 通过py27虚拟环境的pip 安装django    

安装RVM

curl -L <https://get.rvm.io> | bash -s stable       //安装RVM    

GO环境
Mac下搭建go环境 http://www.the5fire.com/setup-golang-env-on-mac.html

安装Nginx(自己下载编译)
http://nginx.org/en/download.html

安装php

brew install php55 --with-imap --with-tidy --with-debug --with-pgsql --with-mysql --with-fpm    

启动php-fpm

sudo /usr/local/Cellar/php55/5.5.5/sbin/php-fpm    

启动/停止Nginx (source安装)

sudo vim /usr/local/nginx/conf/nginx.conf   //nginx配置修改    
sudo /usr/local/nginx/sbin/nginx     //启动nginx    
sudo /usr/local/nginx/sbin/nginx -s stop   //停止nginx    

12 安装vagrant (需要先安装VirtualBox,最好是4.3以上版本)

http://downloads.vagrantup.com/下载并安装最新的vagrant.

在这个站上生成自己vagrant的配置文件 https://puphpet.com/ 下载配置文件。
然后从命令行进到目录(有VagrantFile的目录),然后输入 vagrant up就可以下载和安装你配置的linux了

vagrant  ssh    //通过ssh连接到vm中的linux    
vagrant  halt    //关闭VM    

常用vagrant配置文件
https://github.com/dirkaholic/vagrant-php-dev-box php常用vagrant配置

更多更新。敬请期待