专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

工具

  • sublime text2/3 插入日期时间插件

    / 分类: 工具,实践 / 13 Comments

    之前在这里已经推荐过sublime text了,整体还是不错的,但自带的menu没有直接插入日期时间的。插入日期时间是比较常用的功能,所以就自己写了个插件。会python的话应该很容易了,之前也没系统学过,所以看看sublime官方论坛,再查查python的资料,一个插件就完成了。
    修改了下源码, 现在也支持ST3了.

    源码我放在github了(地址),可以下载zip来安装插件。如果想用git,也可以看看我前面写的GTI的安装和使用

    安装和使用,源码的readme里面都说了,快捷键:
    F5 : yyyy-MM-dd
    alt+F5 : yyyy-MM-dd hh:mm:ss
    ctrl+F5 : 星期E
    之前考虑用F4的,但貌似被sublime占用了,所以用的F5。

    另外推荐安装"Package Control",很多插件就可以在线安装了,蛮方便的,不另外开篇,直接写在这里好了。

    Sublime Package Control 安装参见:http://wbond.net/sublime_packages/package_control/installation
    一步一步照着来就OK了。

    Package Control 配置:
    因为在线安装,需要设置GIT/HG root,
    Preferences- Package settings - Control - Settings User,加上git/hg路径,比如:
    "git_binary": "D:/Git/PortableGit/bin",
    "hg_binary": "D:/TortoiseHg/"

    然后就可以在Preferences- Package Control - install package 里面安装需要的插件了~
    另外推荐个package:Prefixr(css3兼容代码补全)

  • TortoiseGit GitHub 使用小计

    / 分类: 开发,工具 / 4 Comments

    装了GIT很久了,最近也没时间鼓捣,今天提交GitHub时发现不太会用了,所以查查资料,简单记录下git的安装和使用。

    1. msysgit

    TortoiseGit依赖msysgit,下载:http://code.google.com/p/msysgit/downloads/list
    有Portable版,我用的就是这个。比如解压.7z到:D:\WebDevelopment\Git\PortableGit

    2. 配置TortoiseGit

    下载:http://code.google.com/p/tortoisegit/downloads/list
    安装TortoiseGit,全部保持默认即可。

    配置git的路径:
    桌面右键 -TortoiseGit - setting - General - MSysGit路径,指定:
    D:\WebDevelopment\Git\PortableGit\bin。

    创建ssh key:
    开始菜单-TortoiseGit-Puttygen, Generate,然后Save private key到本地 (无需key passphrase),比如保存到:D:\WebDevelopment\Git。保存的key下次比如重装系统, 可以继续使用。复制对话框里生成的ssh key,类似:
    ssh-rsa
    .....
    .....
    .....= rsa-key-20120218

    TortoiseGit - setting - Git - Config,填写 name、email。
    新版的默认是只读的, 可以通过右键-git bash里添加配置:
    git config --global user.name 'xxx'
    git config --global user.email "xx@xx"

    3. 使用GitHub

    GitHub功能类似googlecode,方便储存代码。主页,进入Edit Your Profile,找到SSH Keys,Add New SSH Key或edit现有的SSH Key。title随便取,把上面复制的ssh key粘贴到key一栏。

    创建项目:
    主页,New repository创建项目,填写项目名称之类的。创建好后,可以看到一些说明,找到里面的git@github.com:yourName/test.git,复制这个URL。

    本地创建个文件夹,比如test,右键-Git Clone,URL中粘贴刚才复制的URL。Load Putty Key选择上面保存到本地的ssh key。OK,弄完了。

    提交code到github

    右键-Git Commit,然后Push,就可以推到GitHub里面了。

    查看全文 »

  • adobe cs5 安装错误的解决

    / 分类: 工具 / 1 Comment

    因为cs5.5出来了,准备装Flash Builder4.5、fireworks5.5试试。下载后装cs5的时候报错:Adobe Setup has stopped working。

    网上找了一堆内容,整理下解决方法(基本都win7下面报的错):
    1、没装VC2008运行库
    2、没开启Windows Modules Installer服务

    我这里这两个都没问题,接下来:

    3、删除或改名(一般这里就解决了):C:\Program Files\Common Files\Adobe


    4、下载:WinCS5Cleanupscript
    运行后,发现cs3/4/5/flash player都可以选择清除。选择cs5,之后选择Clean All.就看到提示了。

    5、cmd,运行:
    reg delete "HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager" /v PendingFileRenameOperations
    忽略错误,就看不到上次安装失败需要重启的提示了。

    3-5是我这里操作的步骤。成功解决安装cs5失败安装。
    还有发现adobe的下载现在改成用Adobe Download Assistant下载了,速度还可以,如果要下载中文的,要选择Korean(简体中文、韩语、繁体中文在一个包里),语言列表下拉框居然没加上Chinese,居然要选择Korean,感觉有点那个啥了。
    直接url下载:需在官网登录adobe id选择任意产品试用下载(官方下载服务器认cookie),之后浏览器打开xxx.7z就可直接下载了。
    如果要用FW中文的同学可以再等等了,发现最新的里面居然还是FW CS5,而不是传说中的CS5.1,经测试FW无论中/英都是CS5,看来还要等等,或者只能下载Web Premium5.5试试了。

    经证实,Design Premium 5.5里面是fw5.1版(cs5.1 v:11.1.0.205)。

    失败的原因,应该是以前装过cs5的软件,没清除干净。
    另外gg搜到一篇adobe官方解决cs4在vista下安装失败的解决方法。这里面删除的东西更多,如果还没解决的同学可以试试这个。

  • editplus 更新了 and 推荐款编辑器

    / 分类: 工具 / 3 Comments

    喜欢edtiplus的速度、小巧。
    download:http://www.editplus.com/download.html
    patch file:http://www.editplus.com/trouble.html
    最新的3.30 build 555
    vim装了一些插件+打开较多的文件感觉还是有点延迟的感觉。前两天玩了下textmate,感觉挺不错的。就是中文支持不太好,要安装textmate中文字体,看起来中文都是窄窄的。虽然有些瑕疵,但蛮喜欢的,不需要像VIM那样太折腾,可惜要在mac下用。

    用了editplus新版,说下新增的功能。
    1.file菜单多了TSVN,自带了几个简单的svn命令,比如:提交、更新、对比等。我之前发布的那个给ed添加svn的文章:https://xhl.me/archives/658/ 现在基本可以无视了。
    2.ctrl+w -选择word,相当于vim的viw。之前貌似没有,好像默认是close的功能。选中行-ctrl+r。
    3.ctrl+[ -匹配html的tag
    ctrl+shift+[ - 选择tag,相当vim的vit
    ctrl+] - 匹配脚本的()[]{}等括号
    ctrl+shift+] -选择括号 内的内容。

    暂时发现这么多。和vim的自定义比起来当然没法比,但是用户体验的确增加了。

    ---------

    下面说下昨晚找到了2个不错的编辑器,这两款都被评为以后Windows下面textmate的替代品。

    1、Intype,http://intype.info。最新alpha 0.3,中文需要改成宋体无论从长相or实用性上,目前都还一般。打开2M的文件测试,拖动滚动条的时候,就有卡住的感觉了,当显示拖到的内容时,高亮已经没了,就像语法高亮还没渲染到那里。

    2、Sublime Text,http://www.sublimetext.com,更像textmate的感觉,用python写的。最新版下载:
    http://www.sublimetext.com/2,有portable版本提供。不注册可以照常使用。比Intype成熟多了。就是感觉打开第一个文件的时候有延迟,之后就好些了。默认的语法高亮配色是黑色调的,这点不错哦。功能大体上还可以了,有些功能有点其他编辑器的影子(作者可能比较上心,借鉴别人的优点)。支持win、mac、linux,又一亮点,难道想和vim等神奇竞争?字体在配置文件里面可以更改,默认打开中文不乱码,用的系统默认的等宽字体-宋体,我改成圆体,不行,应该是必须要等宽字体才可以。

    当然,我推荐Sublime,Intype目前还很弱。Sublime支持的语法高亮非常多,python、ruby、as都支持,Intype就差多了。两个都有snippet功能,比如输入if,然后tab,就自动出来if语句了,当然vim装插件也可以。Sublime已经自带了一些插件了,支持插件,我感觉以后会有前途。
    不过,目前Code folding这两个还不支持。

    附上我使用几个小时后,发觉比较有用的快捷键:
    ctrl+shift+m - 选中括号内的内容
    ctrl+m - 跳转到匹配括号
    Ctrl+P - 跳转(默认搜索文件名,@-搜id、函数名等(可直接ctrl+r);#-当前文件搜索文字;:-跳转到行(可直接ctrl+g)),功能挺NX的。
    批量修改 - ctrf+F 查找word,Find All(或者按alt+enter),输入文字就把当前文件所有查找的文字修改了
    ctrl+shift+d - 克隆行
    ctrt+space - 自动完成(由于和切换输入法冲突,被我改成alt+space了,方法:Preferences-Default Key,搜auto_complete)
    diy配置:Preferences - User File Preferences。可以写在这里,比如设置Sublime Text的字体:
    "font_face": "DejaVu Sans YuanTi Mono",
    "font_size": 10

  • cmd 设置java jdk环境变量

    / 分类: 工具 / No Comments

    FlashDevelop等很多软件需要用到java,以前重装系统后都是手动设置环境变量。用这个批处理就方便多了。

    @echo off
    color b0
    set JDK_PATH=D:\WebDevelopment\JDK
    if "%JAVA_HOME%" == "" (
        setx JAVA_HOME "%JDK_PATH%"
        setx /M Path "%Path%;%JDK_PATH%\bin"
        echo.
        echo JDK 环境变量设置完毕..
        echo.
    ) else (
        echo.
        echo JDK 环境变量已设置过.
        echo.
    )
    pause