Tool

Markdown - 程序员写博客必备利器

一百年前人类发明了味精,一百年后 John Gruber 发明了Markdown.

  • Markdown 让人类不用再去写繁琐的html, 让笔者真正的 focus on 文章本身.
  • Markdown 提供了非常简洁的语法,让你的文章也可以很优雅的呈现到页面.

值得一提的Markdown在线工具有以下这些:

  • Draftin:功能强大,可发布到各种博客平台。

  • Dillinger:实时预览,支持直接保存到Dropbox或是Github。

  • Markable:实时预览,支持发布到Tumblr。

  • Oak:不支持发布到任何地方,供在线随手记录东西使用。

  • 简书:国产软件,看上去不错。

推荐三个在线前端代码编辑器

  • 前端开发者的利器:
  • 主要功能
    • 提供四个窗口:HTML、CSS、JS、Result
    • 代码可以实时编译,立即看到运行效果
    • 可以很方便的引入一些很流行的第三方库,比如:jQuery、Angular等等。
    • 写完代码之后可以很方便地生成可以嵌套在网页中的代码,直接复制生成的代码放进网页中就可以看到效果。
      • 此功能在写博文的时候非常实用,再也不用担心没法看到运行效果了。

使用前需要先注册,不过这三个网站都支持用github账号直接登录,省去了繁琐的注册流程。

bower - 前端包管理器

许多程序语言都有自己标准的包管理器,开发者可以用其来安装所有的库文件。比如:Ruby有gem, Python有pip,Server端的javascript有npm来管理。但是客户端的javascript有没有相应的包管理器啊?有,那就是bower.

  • 什么是Bower?

    • 首先,Bower是node的一个插件。
    • Bower是一个前端资源包管理器,用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。
  • 用Bower为给前端开发带来什么好处?

    • 节省时间; 解放繁琐的人力劳动
      • 比如通常情况下如果你的项目要用到jQuery,你需要到jQuery的官网去找到你想要的版本下载下来,然后再拷贝到你项目中相应的目录中,这样很繁琐;但是如果用Bower,你只需要输入一个命令,jquery就会安装在本地计算机上指定的目录中,你不需要去记版本号之类的东西,你也可以通过Bower的info命令去查看任意库的信息。
    • 不用担心各种库之间的依赖关系
      • 比如你项目中会用到了bootstrap, jquery, jquery.ui. 这三个库都用到了jquery,所以你必须要去找到一个合适的jquery版本来让bootstrapjquery.ui都可以正常工作。如果用Bower,你根本不用去管这些库的依赖关系,只需要执行一个命令来就可以了,Bower会自动帮你解决依赖关系,找到合适版本库。只需要执行下面三个命令即可:
        • bower install jquery
        • bower install bootstrap
        • bower install bootstrap
    • 可以很容易的了解到项目中用到的所有第三方库以及它们的版本信息
      • 你可以创建一个名为bower.json的文件,在这个文件里你可以指定所有库的依赖关系,任何时候你需要弄清楚你正在使用哪些库,你可以参考这个文件。如下可以在安装库的时候把库的信息添加到bower.json的文件中:
        • bower install jquery --save
    • 节省版本控制服务器的空间
      • 不去需要把第三库文件提交到版本库中,只需要提交bower.json文件即可。开发人员从版本库中下载下来项目之后只需要执行bower install就会自动安装第三库到本地。
    • 让升级变得简单
      • 假设某个库的新版本发布了一个重要的安全修补程序,为了安装新版本,你只需要运行一个命令,bower会自动更新所有有关新版本的依赖关系。

bower具体使用

具体使用请参考下面这个链接,写的很详细:
http://segmentfault.com/a/1190000000349555

bower官网地址:
http://bower.io/

git使用中遇到的一些疑难杂症

  • 解决Git的大小不敏感问题:
    • 设置Git大小写敏感:
      git config core.ignorecase false
  • 解决通过Git下载文件时显示无法连接的问题:
    • 将git的连接协议设置为https协议
      git config --global url."https://".insteadOf "git://"
      未完待续…