标签归档:Vim

vim缩进

良好的缩进配置会使得很大程度上提升自己的阅读效率,同时对同一配置所编写的文档显得非常的整齐。从个人的习惯上来讲,我自己比较习惯缩进2个宽度。

比较常用的有关缩进的属性有以下几个:
autoindent –vim使用自动对齐,将当前行的对齐格式应用到下一行
shiftwidth –自动缩进的宽度
tabstop –Tab键的空格长度

可以编辑vim的配置文件,加入对缩进属性的设置,vim的配置文件为_vimrc,在其中对以上属性进行设置即可。

    set autoindent
    set tabstop=2
    set shiftwidth=2

新版产品网站基本完工

借这次的App的推出,终于下决心改版网站,于是乎在刚刚在各个市场上提交App后,马上就开始动工。其实早就该改版了,一直以来看着就挺闹心的,页面的布局使用Table,那是一个Table嵌Table啊,宽度也不太适应最近几年屏幕分辨率的发展了,在现在的分辨率下看着这屏幕中间的一个细条,就是基于这两点吧,也早该改版了。

基于上面说的,这次改版的目标:

1、基于CSS的布局,全面抛弃Table;

2、看起来大气一些,像那么回事;

3、 分辨率为近几年比较常用的960px宽;

4、功能上的需求来源于老版本,并增加新元素:方案跟服务,产品的分类在以前基础上增加掌上App;

有了目标,也就定下了方向,接下来就是着手设计制作,并最终实现,设计制作没什么可说的,就是用Photoshop按照自己想改版设计原型图,各个功能模块及效果一个一个的做。最终实现上可选择的就比较多了:
1、可以选择开源的CMS来实现;
2、可以自己从头写(PHP+MySQL ),模板采用Smraty或者也自己写;
3、纯静态页面;

最终选择了第三种,用手工打造纯静态页面,一页一页实现,选择这个的原因其一是这个网站主要以展示自己的软件项目为主,本身平常的动态数据及更新量很小,需要交互的地方也很少,其重点在于软件产品的后续更新升级;其二是这样实现的时间成本最低;其三是这样实现对于存在的需要交互的地方以后可使用Ajax+Js+PHP+MySQL来嵌入到现有的静态页面,也满足后续的交互需求;

基于这三点,这次的网站改版使用Vim + Photoshop 这两样工具,历经几天,于今天基本上完工,除了有些链接地址未指向(相关文档软件需要重新整理更新一下)。

由这里进入访问

总结

1、明确需求及目标

这个是基础,只有这些明确了,才能产生设计、才能选用合适的方法[架构]、才能完成实现。需求及目标应建立在总体之上,除非这个需求及目标本身就是独立的,依托核心要做的或为核心服务而产出的需求及目标要统筹考虑。

2、设计

设计主要是确定结构并建立结构,对需求的分类与整理,是当前设计人员对于需求的理解,并以视觉的展现及交互的描述,这是个复杂活,需要经验、多行业的知识、时间的沉淀,而且每个设计人员的设计都不一样。

2、选择适合方法

合适的方法是要看到侧重点,对于这个网站来说是对产品的辅助,不是重点,节约时间成本是比较重要的。合适的方法能满足后续的扩展,该扩展是建立在对需求的理解与明确基础之上的,而且要可实现。

4、改进的地方

在完工以后会产生各种改进的想法,这次完工后马上产生需要改进的想法主要体现在导航上面,应该能更加明晰的在每一页告诉访问者当前在哪里;第二个产生要改进的是分散的图片合成一张图片,减少图片加载次数;

 

— 结束—

神器vim的基本使用

对于比较简短的代码通常会使用文本编辑器进行测试,或者在开始学习的时候常常会用到文本编辑器,回想这么多年下来,从开始的Editplus到Notepad++也用过不少,前段时间接触了一下被称为神器的vi/vim,逐渐被其强大的功能及编辑方式所吸引,所以日常中开始逐渐的使用这个编辑器做一些文本或者代码的编写测试,经过一段时间的使用,可以基本上使用这个编辑器做一些简单的操作,对此进行记录,我使用的是gvim 7.3.46 。

(1)常用到的设置,通过在启动设定中进行常规的设置(通过菜单或者在Vim安装目录下通过修改_vimrc文件)进行设置

不需要备份文件(set nobackup )

打开utf-8不出现乱码(set fileencodings=ucs-bom,utf-8,chines)

显示行号(set nu)

配色方案(:colorscheme borland) 这里我使用borland配色方案,可根据自己喜欢进行设置

(2)常用命令

ESC 这个是很常用的,可在vim不同模式间进行转换,可在浏览模式、编辑模式、命令输入模式间快速转换,任何时候按ESC键回到浏览模式。

h,j,k,l 键,分别代表左,下,上,右移动方向键(在浏览模式中适用)

在浏览模式中输入:可进入命令输入模式。

命令:q,退出vim,如当前文本有修改则提示不退出

命令:q!,强制退出vim,如当前文档有修改则放弃保存

命令:wq,保存后退出vim

命令:w, 保存当前的修改

命令:w + filename 可保存当前文本到指定的filename中

命令:num 可跳转至指定的num行

命令:/find str或 :?find str 可查找find str的文本,然后可使用n向下查找,使用N向上查找

在浏览模式中进入编辑模式,i,I,a,A,o,O,i在光标所在前插入文本,I在光标所在行首插入文本,a在光标所在后插入文本,A在光标所在行末插入文本,o在光标所在行下添加一行,O在光标所在行上添加一行。

在浏览模式有一些常用到对文本进行操作的快捷命令

dd 删除当前行,n+dd 删除当前行下n行,比如3dd将删除当前行向下3行

x  删除当前光标所在后的字符,X删除当前光标所在前的字符

yy 复制当前行,n+yy复制当前行下n行

p 粘贴

u 撤销

^ 移动光标到行首

$ 移动光标到行尾

gg 返回文件首行 G 到文件末行行首

Ctrl + f 向后一页

Ctrl + d 向后半页

Ctrl + b 向前一页

Ctrl + u 向前半页

这些都是经常使用的命令,通过这些命令就可以简单的使用vim进行文本的编辑了,这个东西就是一个熟练的活,随着使用时间的增加会越来越熟练,其效率也会越来越高,给我的感觉vim作为比较强悍的编辑器来讲确实在效率上能让人提高很多,其合理的利用了键盘上几乎所有的命令,让你的双手可以在键盘上优雅的跳动,这种全盘操控的感觉让人确实很爽!