江苏省建设考试信息管理系统网站,jsp开发网站,wordpress 太卡,商务类网站Vim下的Web开发之html,CSS,javascript插件HTML 下载HTML.zip 解压HTML.zip#xff0c;然后将里面的所有文件copy到C:\Program Files\Vim\vimfiles目录下首先#xff0c;你应该把“ filetype plugin on ”写入你的vimrc。重启vim。新建一个test.html文件。用gvim打开按 …Vim下的Web开发之html,CSS,javascript插件 HTML 下载HTML.zip 解压HTML.zip然后将里面的所有文件copy到C:\Program Files\Vim\vimfiles目录下首先你应该把“ filetype plugin on ”写入你的vimrc。重启vim。新建一个test.html文件。用gvim打开按 ;html看看会有什么结果注意;html是英文的分号() css 似乎很久没有关注 Vim 的动向了在 Vim 脚本列表中找到个非常好的 CSS 颜色显示插件。 这个插件可以很直观的显示 CSS 文件中定义的颜色如下图所示。这样我们就不用一边用 Vim 写 CSS 一边查那该死的色表了。 安装这个插件非常简单(继续戳这里下载)只要将这个文件拷贝到 $VIMRUNTIME/after/syntax/ 目录下就可以了没有的话新建一个。这样说可能不怎么直观那么 Windows 用户拷贝到 C:\Program Files\Vim\vimfiles\after\syntax\ 这个目录下如果你是默认安装 Vim 的话而 *ix 系统用户则拷贝到 $HOME/.vim/after/syntax/ 这里目录下就可以了。 而代码提示插件用的是AutoComplPop还在使用DW或者aptana等一些工具的朋友们肯定对代码弹出提示情有独钟这款插件的功能可以说是有 过之而无不及啊当然如果你不喜欢这种自动的代码提示的话可以不用装。需要的朋友还是戳这里下载。 Javascript 转载http://panweizeng.com/archives/359 如果你喜欢vim平时也写写javascript那么这篇文章就是为你而写的如果你喜欢javascript但是还没有找到合适的编辑器那么请give vim a try。 以下假定你对vim已经有所了解另外所有插件在gnome-terminal中都测试过在其他终端中应该不会有太大问题。 语法高亮javascript.vimhttp://www.vim.org/scripts/script.php?script_id1491该插件安装在~/.vim/syntax/目录下。下载后需要修改一个地方一般javascript编程折叠层数不需要太深我自己设置为1即setlocal foldlevel1。需要在.vimrc中加入 打开javascript折叠let b:javascript_fold1 打开javascript对dom、html和css的支持let javascript_enable_domhtmlcss1 截屏点击可查看大图 变量标记和检查mark.vim http://www.vim.org/scripts/script.php?script_id1238该插件安装到~/.vim/plugin/目录。在对变量进行检查和跟踪的时候会很有用同时还可以防止变量名拼写错误。打开关闭变量标记的默认快捷键是m。也可以使用v选中一段进行标记。截屏点击可查看大图 字典补全javascript.dict http://lazy-people.org/browser/project/dotfiles/users/dann/.vim/dict/javascript.dict?rev122该字典可以放在任意目录我一般放在~/.vim/dict/目录中。使用字典补全需要在插入模式下快捷键是CtrlX然后CtrlK。有些javascript内置函数名超长经常记不住这时候字典就比较有用。字典其实就是一个普通文件里面是关键词的列表一行一个所以你也可以加入一些你在项目中经常使用的函数。另外需要在.vimrc中加入 设置字典 ~/.vim/dict/javascript.dict是字典文件的路径autocmd FileType javascript set dictionary~/.vim/dict/javascript.dict 截屏点击可查看大图 YUI自动补全 待续… 运行代码片段spidermonkey http://www.mozilla.org/js/spidermonkey/有时想测试一个小东西没有必要写一个html然后到浏览器去运行spidermonkey能帮你忙而且spidermonkey还能作一些很 geek的事情。ubuntu系统安装很简单sudo apt-get install spidermonkey-bin其他系统请参考网站的文档。安装完毕后输入js则会进入一个js shell和python类似。输入help()回车会看到一个简单的帮助。在vim编写javascript代码后输入!js %即可执行当前文件的代码。也可以选中一段代码然后执行:’,!js这样会插入执行结果到当前文件。截屏点击可查看大图 语法检查和快速调试javascriptlint http://www.javascriptlint.com/这个工具的代码基于Douglas Crockford’s的jslint在代码检查方面很强大可以说非常苛刻。如果从头开始写代码建议经常用它来检查代码能明显提高代码的质量。下载时不要从代码库check out最新版本而是下载稳定的0.3.0版本。$ cd jsl-0.3.0/src/ #这里的jsl-0.3.0是解压缩目录$ make -f Makefile.ref all$ cd Linux_All_DBG.OBJ/$ cp jsl jscpucfg /home/xp/bin/js/ #/home/xp/bin/js/要拷贝到的目录可以任意位置$ cd /home/xp/bin/js/$ jsl -help:conf jsl.conf #生成默认配置文件另外需要在.vimrc中加入 设置javascriptlintautocmd FileType javascript set makeprg/home/xp/bin/js/jsl -nologo -nofilelisting -nosummary -nocontext -conf /home/xp/bin/js/jsl.conf -process %autocmd FileType javascript set errorformat%f(%l): %mautocmd FileType javascript inoremap silent F9 C-O:makeCRautocmd FileType javascript map silent F9 :makeCR 使用时使用:make命令即可或者使用F9快捷键。还需要理解的是quickfix输入命令help quickfix看以下文档主要涉及的命令有:cw :cn :cp等。截屏点击可查看大图 其他常用插件 虽然我不怎么用但是可能对你有一些帮助winmanager 类似资源管理器如果从editplus或者其他图形编辑器转过来的朋友这个可能很有用。截屏点击可查看大图minibufexplorer 类似标签页管理当前打开的文件Tlist可以显示代码结构 为了您的安全请只打开来源可靠的网址 打开网站 取消 来自: http://hi.baidu.com/515314237/blog/item/189fbe0b317c181495ca6b8d.html转载于:https://www.cnblogs.com/Jason-Damon/archive/2011/10/31/2229692.html
