【转】手把手教你把Vim改装成一个IDE编程环境(图文)
手把手教你把Vim改装成一个IDE编程环境(图文)
By: | 吴垠 |
Date: | 2007-09-07 |
Version: | 0.5 |
Email: | lazy.fox.wu#gmail.com |
Homepage: | http://blog.csdn.net/wooin |
Copyright: | 该文章版权由吴垠和他可爱的老婆小包子所有。可在非商业目的下任意传播和复制。对于商业目的下对本文的任何行为需经作者同意。 联系方式:lazy.fox.wu#gmail.com |
1 | 写在前面 | ||||||||||||||||||||||||||||||||||||||||||||||
Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个好用的IDE是何等的重要啊, 估计很多人就是卡在这个门槛上了, "工欲善其事, 必先利其器"嘛, 我想如果有一个很好用的IDE, 那些Linux牛人也会欢迎的. 这都是劳动人民的美好愿望罢了, 我今天教大家把gvim改装成一个简易IDE, 说它"简易"是界面上看起来"简易", 但功能绝对不比一个好的IDE差, 该有的功能都有, 不该有的功能也有, 你就自己没事偷着乐吧, 下面我开始介绍今天的工作了.
本文会教你: 本文不会教你: 我的工作环境是: Fedora Core 5 本文用的示范源码是vim7.1的源码, 可以在www.vim.org下载到源码包:vim-7.1.tar.bz2, 你也可以不用下载, 就用你自己程序的源码, 关系不大的. 我把源码解压在我的home目录下: ~/vim71 下面对文中的一些名字定义一下:
2. 文中说的一些路径, 比如: 先给大家看张图片, 我是vim的界面, 解解馋先^_^
|
|||||||||||||||||||||||||||||||||||||||||||||||
2 | 中文帮助手册的安装 | ||||||||||||||||||||||||||||||||||||||||||||||
vim自带的帮助手册是英文的, 对平时编程的人来说没有多大阅读困难, 何况还有"星级译王"呢, 可偏偏有一帮人将其翻译成了中文, 可偏偏我又挡不住诱惑将它安装了, 唉.......又痛失一个学习英文的好机会, 下不为例. 大家看看我的中文帮助界面吧: (--- 图2 ---) 安装方法: 在下面的网站下载中文帮助的文件包: http://vimcdoc.sf.net (English) http://vcd.gro.clinux.org (中文) 下载的文件包应该是类似这样的: vimcdoc-1.5.0.tar.gz |
|||||||||||||||||||||||||||||||||||||||||||||||
3 | vim编程常用命令 | ||||||||||||||||||||||||||||||||||||||||||||||
建议先看看帮助手册中的下面章节, 其中有关tags文件的部分你可以先跳过, 在后面的章节中会讲到, 到时候你在回来看看, 就觉得很简单了:
下面是我常用的一些命令, 放在这里供我备忘:
|
|||||||||||||||||||||||||||||||||||||||||||||||
4 | 语法高亮 | ||||||||||||||||||||||||||||||||||||||||||||||
写程序没有语法高亮将是一件多么痛苦的事情啊, 幸亏vim的作者是个程序员(如果不是, 那可NB大了), 提供了语法高亮功能, 在上面的图片中大家也可以看到那些注释, 关键字, 字符串等, 都用不同颜色显示出来了, 要做到这样, 首先要在你的 ~/.vimrc 文件中增加下面几句话:
再重新启动vim, 并打开一个c程序文件, 是不是觉得眼前突然色彩缤纷了起来...
desert是我喜欢的配色方案, 你可以改成你的. 如果菜单中的配色方案你还不满意(你也太花了吧), 没关系, 在 vim.org 上跟你一样的人很多, 他们做了各种各样的颜色主题, 你可以下载下来一个一个的试, 多地可以看到你眼花. 如果这样你还不满意(你还真是XXXX), 没关系, vim的作者早想到会有你这种人了, 你可以创建你自己的颜色主题, 把下面的这篇文档好好学习一些一下吧:
更炫的语法高亮: 主要的思路是新建一个语法文件, 在文件中定义你要高亮的东东, 想高亮什么就高亮什么, 用vim就是这么自信. 所谓的语法文件就是vim用来高亮各种源文件的一个脚本, vim靠这个脚本的描述来使文件中的不同文本显示不同的颜色, 比如C语言的语法文件放在类似于这样的一个路径中:
再打开你的C文件看看, 是不是又明亮了许多. 还有一个压箱底的要告诉你, 如果你自己增加了一个类型或者结构之类的, 怎么让它也象"int", "void"这样高亮起来呢? 再在上面的文件~/.vim/syntax/c.vim中添加下面的东东:
这样你自己的类型My_Type_1, My_Type_2, My_Type_3就也可以向"int"一样高亮起来了, 这样的缺点是每增加一个类型, 就要手动在这里添加一下, 如果有人知道更简单的方法请一定一定要告诉我, 用下面的地址:
|
|||||||||||||||||||||||||||||||||||||||||||||||
5 | 在程序中跳来跳去: Ctags 的使用 | ||||||||||||||||||||||||||||||||||||||||||||||
哇, 这下可厉害了, Tag文件(标签文件)可是程序员的看家宝呀, 你可以不用它, 但你不能不知道它, 因为Linux内核源码都提供了"make tags"这个选项. 下面我们就来介绍Tag文件.
tags文件是由ctags程序产生的一个索引文件, ctags程序其是叫"Exuberant Ctags", 是Unix上面ctags程序的替代品, 并且比它功能强大, 是大多数Linux发行版上默认的ctags程序. 那么tags文件是做什么用的呢? 如果你在读程序时看了一个函数调用, 或者一个变量, 或者一个宏等等, 你想知道它们的定义在哪儿, 怎么办呢? 用grep? 那会搜出很多不相干的地方. 现在流行用是的<C-]>, 谁用谁知道呀, 当光标在某个函数或变量上时, 按下"Ctrl+]", 光标会自动跳转到其定义处, 够厉害吧, 你不用再羡慕Visual Studio的程序员了, 开始羡慕我吧~_~. 你现在先别急着去按<C-]>, 你按没用的, 要不要我干什么呀, 你现在要做的是查查你电脑里有没有ctags这个程序, 如果有, 是什么版本的, 如果是Ctags 5.5.4, 就象我一样, 你最好去装一个Ctags 5.6, 这个在后面的自动补全章节中会用到. 在这个网站: http://ctags.sourceforge.net, 下载一个类似 ctags-5.6.tar.gz 的文件下来(现在好像5.7版的也出来了, 不过我还没用过): 用下面的命令解压安装:
然后去你的源码目录, 如果你的源码是多层的目录, 就去最上层的目录, 在该目录下运行命令: ctags -R
此时在/home/wooin/vim71目录下会生成一个 tags 文件, 现在用vim打开 /home/wooin/vim71/src/main.c
再在vim中运行命令:
该命令将tags文件加入到vim中来, 你也可以将这句话放到~/.vimrc中去, 如果你经常在这个工程编程的话. 此时按下<C-]>, 光标会自动跳到setmouse()函数的定义处, 见下图: 如果此时你还想再跳回刚才的位置, 你还可以按<C-T>, 这样又跳回到setmouse()函数被调用的地方了, 变量, 结构, 宏, 等等, 都可以的, 赶快试试吧..... 此时在回头学习一下第3节中说的vim手册吧
不过还有一个小瑕疵, 你修改程序后, 比如增加了函数定义, 删除了变量定义, tags文件不能自动rebuild, 你必须手动再运行一下命令:
使tags文件更新一下, 不过让人感到欣慰的是vim不用重新启动, 正在编写的程序也不用退出, 马上就可以又正确使用<C-]>和<C-T>了. 如果有人知道更简单的方法请一定一定要告诉我, 用下面的地址:
|
|||||||||||||||||||||||||||||||||||||||||||||||
6. | 教你高效地浏览源码 -- 插件: TagList | ||||||||||||||||||||||||||||||||||||||||||||||
在Windows平台上用过Source Insight看程序的人肯定很熟悉代码窗口左边那个Symbol窗口, 那里面列出了当前文件中的所有宏, 全局变量, 函数名等, 在查看代码时用这个窗口总揽全局, 切换位置相当方便, 今天告诉你一个vim的插件: Taglist, 可以同样实现这个功能. 上一节已经告诉你ctags的用法了, ctags的基本原理是将程序程序中的一些关键字(比如:函数名, 变量名等)的名字, 位置等信息通过一个窗口告诉你, 如果你已经安装好taglist, 则可以用下面的命令看看taglist自带的帮助文件:
下面是我翻译的其中的第一段"Overview", 供大家现了解一下taglist, 翻译的不好, 请指教: 首先请先在你的~/.vimrc文件中添加下面两句:
此时用vim打开一个c源文件试试:
进入vim后用下面的命令打开taglist窗口, 如图5:
TagList插件我就介绍到这里, 其实它还有很多用法和设置, 我没法一一地教你了, 好在TagList有一份详细的帮助手册, 用下面的命令打开手册, 好好学习一下吧:
|
|||||||||||||||||||||||||||||||||||||||||||||||
7. | 文件浏览器和窗口管理器 -- 插件: WinManager | ||||||||||||||||||||||||||||||||||||||||||||||
在图1中大家可以看到在图标2标识的地方是一个文件浏览器, 里面列出了当前目录中的文件, 可以通过这个浏览器来浏览工程中的源文件, 是不是越来越像常见的IDE了, 当光标停在某个文件或文件夹的时候, 按下回车, 可以打开该文件或文件夹.
你将在vim看到如下图所示的界面:
我这里不是教你怎么用netrw.vim插件, 而是要教你通过WinManager插件来将TagList窗口和netrw窗口整合起来, 就像图1中的图标2和3组成的那个效果
然后重启vim, 打开~/vim71/src/main.c, 在normal状态下输入"wm", 你将看到图7的样子: WinManager的功能主要就是我介绍的这些, 但是它还有其他一些高级功能, 还可以支持其他几个插件, 如果你觉得我介绍的还不够你用, 建议你把它的帮助手册好好研究一下, 用下面的命令可以调出帮助手册:
|
|||||||||||||||||||||||||||||||||||||||||||||||
8. | Cscope 的使用 | ||||||||||||||||||||||||||||||||||||||||||||||
这下更厉害了, 用Cscope自己的话说 - "你可以把它当做是超过频的ctags", 其功能和强大程度可见一斑吧, 关于它的介绍我就不详细说了, 如果你安装好了前文介绍的中文帮助手册, 用下面的命令看看介绍吧:
我在这里简单摘抄一点, 供还在犹豫的朋友看看: 它被设计用来回答以下的问题: 安装Cscope:
先在~/vimrc中增加一句:
这个是设定是否使用 quickfix 窗口来显示 cscope 结果, 用法在后面会说到。 跟Ctags一样, 要使用其功能必须先为你的代码生成一个cscope的数据库, 在项目的根目录运行下面的命令:
进入vim后第一件事是要把刚才生成的cscope文件导入到vim中来, 用下面的命令:
上面这条命令很重要, 必须写全, 不能只写前半句: 下面我们来操练一下, 查找函数vim_strsave()的定义, 用命令:
如下图:
按下回车后vim会自动跳转到第一个符合要求的地方, 并且在命令栏显示有多少符合要求的结果, 如图:
如图: cscope的主要功能是通过同的子命令"find"来实现的
如果每次查找都要输入一长串命令的话还真是件讨人厌的事情, Cscope的帮助手册中推荐了一些快捷键的用法, 下面是其中一组, 也是我用的, 将下面的内容添加到~/.vimrc中, 并重启vim:
当光标停在某个你要查找的词上时, 按下<C-_>g, 就是查找该对象的定义, 其他的同理. 很奇怪, 其中的这句: cscope的其他功能你可以通过帮助手册自己慢慢学习 reset : 重新初始化所有连接。 |
|||||||||||||||||||||||||||||||||||||||||||||||
9. | QuickFix 窗口 | ||||||||||||||||||||||||||||||||||||||||||||||
在上一节的图10中大家可以看到在窗口下面有一个显示查询结果的窗口, 这个窗口中列出了查询命令的查询结果, 用户可以从这个窗口中选择每个结果进行查看, 这个窗口叫"QuickFix"窗口, 以前也是一个vim的插件来的, 只不过现在成了vim的标准插件, 不用你在去安装了, QuickFix窗口的主要作用就是上面看到的那个功能: 输出一些供选择的结果, 可以被很多命令调用, 更详细的介绍和使用方法请用下面的命令打开QuickFix的手册来学习吧:
这里我一个常用的例子来再介绍一种QuickFix窗口的使用方法. 这个例子是要模仿平时我们编程时, 当编译出错时, QuickFix会把出错的信息列出来, 供我们一条条地查看和修改. 首先还是用vim打开~/vim71/src/main.c, 事先最好先编译过vim71, 否则一会儿编译的时候有点慢, 或者你也可以自己写一个小的有错误的程序来跟着我做下面的步骤, 见下图:
显然编译会报很多错误, 当编译结束并退出到源码界面时, 刚才编译器报的错误都已经看不到了, 但是我们可以用QuickFix窗口再将错误信息找出来, 用下面的命令调出QuickFix窗口:
此时你就可以看如下图所示的QuickFix窗口了:
如果你经常使用这两个命令, 你还可以给他们设定快捷键, 比如在~/.vimrc中增加:
其还有其他的命令/插件也会用到QuickFix窗口, 但是用法基本上的都是类似的, 本文后面还会用到QuickFix窗口, 接着往下看吧. |
|||||||||||||||||||||||||||||||||||||||||||||||
10. | 快速浏览和操作Buffer -- 插件: MiniBufExplorer | ||||||||||||||||||||||||||||||||||||||||||||||
在编程的时候不可能永远只编辑一个文件, 你肯定会打开很多源文件进行编辑, 如果每个文件都打开一个vim进行编辑的话那操作起来将是多麻烦啊, 所以vim有buffer(缓冲区)的概念, 可以看vim的帮助: 使用方法:
以下的两个功能需要在~/.vimrc中增加:
如果在~/.vimrc中设置了下面这句:
则可以用<C-h,j,k,l>切换到上下左右的窗口中去,就像:
是用<C-箭头键>切换到上下左右窗口中去 |
|||||||||||||||||||||||||||||||||||||||||||||||
11. | c/h文件间相互切换 -- 插件: A | ||||||||||||||||||||||||||||||||||||||||||||||
下面介绍它的用法:
其他还有一些命令, 你可以在它的网页上看看, 我都没用过, 其实也都是大同小异, 找到自己最顺手的就行了. 我在~/.vimrc中增加了一句:
意思是按F12时在一个新的buffer中打开c/h文件, 这样在写程序的时候就可以不假思索地在c/h文件间进行切换, 减少了按键的次数, 思路也就更流畅了, 阿弥陀佛.... |
|||||||||||||||||||||||||||||||||||||||||||||||
12. | 在工程中查找 -- 插件: Grep | ||||||||||||||||||||||||||||||||||||||||||||||
下面介绍它的用法:
上面的命令是类似这样调用的:
但是我从来都不用敲上面那些命令的^_^, 因为我在~/.vimrc中增加了下面这句:
比如你想在/home/wooin/vim71/src/main.c中查找"FEAT_QUICKFIX", 则将光标移到"FEAT_QUICKFIX"上, 然后按下F3键, 如下图:
此时你还可以编辑该行, grep支持正则表达式, 你想全词匹配的话可以改成:
然后按下回车:
是问你搜索范围, 默认是该目录下的所有文件, 此时你还可以编辑该行, 比如你只想搜索源码文件:
然后在按下回车, 会在弹出的QuickFix窗口中列出所有符合条件的搜索结果, 你可以在其中查找你想要的结果, 如下图: 其实还有一些其他功能和设置, 但是我都没有用过, 这些功能再加上正则表达式, 已经够我用了, 其他的你可以在网页上看看它的文档, 如果有什么惊人发现记得跟我互通有无, 共同进步哦.... |
|||||||||||||||||||||||||||||||||||||||||||||||
13. | 高亮的书签 -- 插件: VisualMark | ||||||||||||||||||||||||||||||||||||||||||||||
下面介绍它的用法:
该"书签"有个很很大的缺点: 不可见. 按照上面的方法安装好Visual Mark后, 你什么也不用设置, 如果是gvim, 直接在代码上按下Ctrl+F2, 如果是vim, 用"mm", 怎么样, 发现光标所在的行变高亮了吧, 见下图: 如果你嫌书签的颜色不好看, 你还可以自己定义, 不过是修改这个插件脚本的的源码, 在目录~/.vim/plugin/中找到并打开visualmark.vim, 找到下面这段代码:
我还有几个不满意的地方: 如果哪位朋友能解决这两个问题, 请一定要告诉寡人啊....还是用下面的地址:
|
|||||||||||||||||||||||||||||||||||||||||||||||
14. | 自动补全 | ||||||||||||||||||||||||||||||||||||||||||||||
用过Microsoft Visual Studio的朋友一定知道代码补全功能, 输入一个对象名后再输入"."或者"->", 则其成员名都可以列出来, 使Coding流畅了许多, 实现很多懒人的梦想, 现在我要告诉你, 这不再是Microsoft Visual Studio的专利了, vim也可以做到! 下面由我来教你, 该功能要tags文件的支持, 并且是ctags 5.6版本, 可以看看前文介绍tags文件的章节.
我这里要介绍的功能叫"new-omni-completion(全能补全)", 你可以用下面的命令看看介绍:
你还需要在~/.vimrc文件中增加下面两句:
打开文件类型检测, 加了这句才可以用智能补全
关掉智能补全时的预览窗口 请确定你的Ctags 5.6已经安装好, 并且生成的tags文件已经可以用了, 那么我们就要抄家伙开搞了.
设置tags文件
随便找一个有成员变量的对象, 比如"parmp", 进入Insert模式, 将光标放在"->"后面,
如果你增加了一些成员变量, 全能补全还不能马上将新成员补全, 需要你重新生成一下tags文件, 但是你不用重启vim, 只是重新生成一下tags文件就行了, 这时全能补全已经可以自动补全了, 还真够"全能"吧. vim中的其他补全方式还有:
|
|||||||||||||||||||||||||||||||||||||||||||||||
15. | 加速你的补全 -- 插件: SuperTab | ||||||||||||||||||||||||||||||||||||||||||||||
在上面一节中你应该学会了自动补全代码的功能, 按下"Ctrl+X Ctrl+O"就搞定了, 如果你够懒的话肯定会说"这么麻烦啊, 居然要按四个键", 不必为此自责, 因为Gergely Kontra 和 Eric Van Dewoestine也跟你差不多, 只不过人家开发了supertab.vim这个插件, 可以永远懒下去了, 下面我来教你偷懒吧. 在你的~/.vimrc文件中加上这两句:
以后当你准备按"Ctrl+X Ctrl+O"的时候直接按<Tab>就好了, 够爽吧 .... 我稍微再介绍一下上面那两句配置信息:
问题:
|
|||||||||||||||||||||||||||||||||||||||||||||||
@ | Help poor children in Uganda! | ||||||||||||||||||||||||||||||||||||||||||||||
"帮助可怜的乌干达儿童" vim的作者开发了这么个强大, 好用的编辑器, 并且是完全开源, 完全免费的, 不知道比尔盖子会不会觉得这个人真是不可理喻. 作者对用户用户的唯一期望就是帮助乌干达的儿童, 可以用命令:hlep kcc查看详细的内容, 1、捐助一个读小学的孩子:每月 17 欧元 (或更多)。 有条件的就资助一下, 没条件的就像我一样帮助宣传一下吧, 这也算是开源精神..... |
======================================
多谢各位兄弟捧场, 网页上图片显示的问题已经搞定了, 可能过阵子有空了还会对本文进行升级, 主要是增加一些新插件的使用介绍, 如果大家有好用的插件也可以推荐给我.
不知道哪儿有空间可以将该文上传供大家下载, 免得邮件麻烦. ==================
回复大家:
================== deathmual@gmail.com 发表于2007-10-31 11:55:36 IP: 192.168.3.*
收一份先,谢谢了,在这里看不到图片,可能是公司的网络问题。
------------------
不好意思, 我文章的问题, 我已经改好了, 可以看到图片了 duyanning 发表于2007-10-31 12:02:19 IP: 202.117.10.*
IDE?
能在vim中调试程序吗?
------------------
本文介绍的暂时还不行, 但是有一些插件可以支持gdb, 我试了一下不怎么好用,
我会继续关注的. dlwxn 发表于2007-11-01 10:33:48 IP: 211.143.246.*
还有你前面的超链接错误。
本文会教你:
1. 中文帮助手册的安装
2. vim编程常用命令
file:///C:/Documents%20and%20Settings/Administrator/桌面/programming_with_gvim_05.tar/programming_with_gvim_05/programming_with_gvim.html#2
------------------
是的, 我晚点抽空改一下, 没想到问题这么多...大家先将就看吧, 抱歉^_^ lbaby 发表于2007-11-01 10:34:47 IP: 222.128.6.*
弱弱的问一句:为啥版权是归你和你老婆 所有?
我可以肯定的是,这块好铁是你打出来的。
-----------------
我老婆太可爱了嘛^_^
【转】手把手教你把Vim改装成一个IDE编程环境(图文)的更多相关文章
- 手把手教你把Vim改装成一个IDE编程环境(图文)
http://blog.csdn.net/wooin/article/details/1858917
- 手把手教你把Vim改装成一个IDE编程环境(图文)【转】
本文转载自: http://blog.csdn.net/wooin/article/details/1858917
- 04-手把手教你把Vim改装成一个IDE编程环境(图文)
Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个好用的IDE是何等的重 ...
- Vim改装成一个IDE编程环境
1 写在前面 Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个 ...
- 把Vim改装成一个IDE编程环境
一:安装中文帮助手册 1. 打开一个终端 2.下载vimcdoc-1.5.0.tar.gz 下载地址: http://nchc.dl.sourceforge.net/source ...
- Vim配置及说明——IDE编程环境
Vim配置及说明——IDE编程环境 Vim配置及说明——IDE编程环境 1.基本及字体 2.插件管理 3.主题风格 4.窗口设置 5.目录树导航 6.标签导航 7.taglist 8.多文档编辑 9. ...
- 手把手教你把VIM改成一个集成开发环境
转载自:http://blog.csdn.net/wooin/article/details/1858917 在原文基础上经过自己验证,修改和完善 OS:Fedora19 VIM:VIM7.4 一.写 ...
- 庐山真面目之十一微服务架构手把手教你搭建基于Jenkins的企业级CI/CD环境
庐山真面目之十一微服务架构手把手教你搭建基于Jenkins的企业级CI/CD环境 一.介绍 说起微服务架构来,有一个环节是少不了的,那就是CI/CD持续集成的环境.当然,搭建CI/CD环境的工具很多, ...
- vim配置成c++IDE
mv ~/.vimrc ~/.vimrcbak mv ~/.vim ~/.vimbak git clone https://github.com/handy1989/vim.git mv vim/.v ...
随机推荐
- css -- 导航条
1.垂直导航条 HTML: <ul class="nav"> <li><a href="">Home</a>&l ...
- 01背包 ZOJ 3931 Exact Compression
题目连接 题意:n个数字构建哈夫曼树,问是否存在这样一棵树使得:(Fi数字大小,Ci哈夫曼表示下,'0'的数量) 分析:每次从优先队列取出两个数字可以互换位置,这样可以01互换.设a[i] <= ...
- POJ3308 Paratroopers(最小割/二分图最小点权覆盖)
把入侵者看作边,每一行每一列都是点,选取某一行某一列都有费用,这样问题就是选总权最小的点集覆盖所有边,就是最小点权覆盖. 此外,题目的总花费是所有费用的乘积,这时有个技巧,就是取对数,把乘法变为加法运 ...
- HDOJ-1002
用java写大数,感觉就是BUG import java.math.*; import java.io.*; import java.util.*; public class Main{ public ...
- 盐水的故事[HDU1408]
盐水的故事Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submissio ...
- 修改文档框架:word-多级列表与标题样式相结合
转自:http://blog.sina.com.cn/s/blog_6721f25c0100nuf0.html 设置标题的时候希望出现多标题并且自动编号的标题,如下1. XXXXXXXXXXX ...
- [转]基于gulp和webpack的前端工程化
本文样例代码 :https://github.com/demohi/learning-gulp 本文主要简单介绍一下基于gulp和webpack的前端工程化. 技术栈 React.js reFlux ...
- border单样式写法的问题
先写 border-top:5px; border-right:10px; 后写: border-style:solid; border-color:red;
- topcoder SRM 610 DIV2 TheMatrix
题目的意思是给一个01的字符串数组,让你去求解满足棋盘条件的最大棋盘 棋盘的条件是: 相邻元素的值不能相同 此题有点像求全1的最大子矩阵,当时求全1的最大子矩阵是用直方图求解的 本题可以利用直方图求解 ...
- Codeforces Round #216 (Div. 2) B. Valera and Contest
#include <iostream> #include <algorithm> #include <vector> using namespace std; in ...