0 前言# 本文参考以下链接: 指尖飞舞: vscode + vim 高效开发 vim 备忘清单 一直憧憬 vim 的全键盘操作, 于是开始折腾将 obsidian 和 vscode 的编辑模式都转到...vim, obsidian 使用自带的 vim 模式加 vimrc 插件, vscode 使用 vim 插件 为了保持 obsidian, vscode, wsl 及 linux 中的 vim 习惯一致..., 我的 vim 使用理念: 尽量使用 vim 原生自带的功能, 拒绝任何三方插件 尽量使用各平台通用的 vimrc 配置 (除了 vscode 使用 setting.json) 1 vim 通用操作#...'"\` | 带引号的字符串 b | 同 () B | 同 {} t | html 标签块 2 vscode 中的 vim# 下述功能源于 vscode...jj 快速返回到 normal 模式 inoremap jj " 使上下移动的时候按照视觉的行数移动, 对于多行的段落很有效 nmap j gj nmap k gk " 快捷行首和行尾
python.exe % 这些都是一些最基本的配置,比如设置编码解决中文乱码问题、自动缩进以及缩进宽度、菜单栏中文字体问题、主题和字体、以及四个空格代替制表符等等,注意一点这个配置里我将运行python...这时进入windows命令行,输入gvim启动编辑器,然后键入命令:version,看到版本号就没有问题了 虽然现在Vim已经可以正常使用了,但是没有插件的加成,开发效率就不是那么高,所以我们现在来安装一些常用的插件...插件,下载地址:https://github.com/vim-scripts/AutoComplPop 解压后,将plugin下的脚本文件(.vim)、doc下的帮助文件(.txt)和autoload...下的(.vim)文件分别拷贝至vim的 plugin、doc和autoload目录 这个插件甚至不需要配置,只需要在输入/insert模式下即可自动根据当前文档内的内容进行自动补全 是不是感觉还不错...现而今,Mac os和开源软件渐渐流行起来,此时的人们才发现:可扩展性才是软件的核心竞争力。在JetBrains横行的今天,Vscode为什么被评为最好的IDE?就是因为它在IDE中最具可扩展性。
如果您是系统管理员或软件开发人员,那么你每天都需要使用的工具中一定有一种强健的文本编辑器。您很可能已经使用过vi或vim编辑器,它们已经在Unix和Linux社区中用了几十年了。...由于这些难题和缺乏对如异步插件等所需功能的支持,这促使NeoVim成为vim的一个分支。该项目的主要目标是完全重构vim,以便简化维护,并且实现快速添加新特性并将bug修复添加到源代码中。...本文将详细说明NeoVim的安装和配置,同时说明两个异步插件nvim-completion-manager和far.vim。 准备工作 熟悉我们的入门指南并完成Linode主机名和时区的设置步骤。...插件管理器 为了更方便安装插件,请使用Vim-plug插件管理器。...Far.vim插件 far-vim是一个用于对一组文件(通常在同一目录中)执行异步搜索和替换操作的插件。
可以使用命令行工具、Jenkins Open API、IDE 插件等可以去使用....日常使用 Visual Studio Code 比较多, 所以最终选择了 vscode 的插件 vscode-jenkins-pipeline-linter-connector, 这个插件原理实现上还是通过将...echo 'Hello World'䏿�� 插件实现依赖的基础库也比较老了, 所以我 fork 了一下原来插件, 做了下代码重构和部分问题的修复 & 优化工作, 主要如下: 修复 Jenkinsfile...商店和 Open VSX Registry 中, 理论上你可以在 Microsoft Visual Studio Code、code-server、VSCodium 等 vscode 系列 IDE 中使用到它...去搜索安装即可: 配置插件 插件的文档里已经给出了几个示例配置, 将配置填入你的 vscode 用户配置 json 文件中即可: { "jenkins.pipeline.linter.connector.url
命名面板中可以执行各种命令,包括编辑器自带的功能和插件提供的功能。 所以一定要记住它的快捷键Cmd+Shift+P 2....code命令打开文件或文件夹 code 文件夹地址,vscode 就会在新窗口中打开该文件夹 如果你希望在已经打开的窗口打开文件,可以使用-r参数 vscode命令还有其他功能,比如文件比较,打开文件跳转到指定的行和列...对整个文档进行格式化:Option+Shift+F (win Alt+Shift+F),vscode会根据你使用的语言,使用不同的插件进行格式化,记得要下载相应格式化的插件 对选中代码进行格式化:...Cmd+K Cmk+F win(Ctrl+K Ctrl+F) 代码缩进 真个文档进行缩进调节,使用Cmd+Shift+P打开命令面板,输入缩进,然后选择相应的命令 选中代码缩进调节:Cmd...+] Cmd+[ 分别是减小和增加缩进(win 下不知道,自行百度) 三、一些小技巧 调整字符的大小写,选中,然后在命令面板输入转化为大写或者转化为小写 合并代码行,多行代码合并为一行,Cmd
在日常编辑工作中,我更倾向于使用 Vim 稳定的原生功能,但开源社区对 Vim 开发了大量的插件,可以扩展 Vim 的功能、改进你的工作流程和提升工作效率。...有了这个插件,你可以一键注释单行或多行代码。 NERD Commenter 可以与标准的 Vim filetype 插件配合,所以它能理解一些编程语言并使用合适的方式来注释代码。...NERD Commenter 是任何使用 Vim 写代码的开发者都必装的插件。...另外,Vim Gitgutter 允许你用 [c 和 ]c 在多个有修改的块之间跳转,甚至可以用 Leader+hs 来暂存某个变更集。...这些 Vim 插件都是程序开发者的神器!还有另外两类开发者常用的插件:自动完成插件和语法检查插件。它些大都是和具体的编程语言相关的,以后我会在一些文章中介绍它们。
前言 在 Linux 的世界中,Vim 是一款被无数开发者喜爱和追捧的强大文本编辑器。如果你厌倦了鼠标点来点去,不妨试试 Vim —— 一款专注于高效键盘操作的“终极利器”。...本文将带你全面了解 Vim 的基本概念、模式切换、常用命令、窗口管理,并附上图示和插件推荐,助你从入门走向高效开发之路。 一、什么是 Vim?...Vim(Vi IMproved)是 Vi 编辑器的增强版本,是 Linux/Unix 下最常见的文本编辑器之一,具有如下特点: 支持多模式编辑 支持插件扩展 支持语法高亮、自动缩进...进入块选择模式 Ctrl + v 2. 使用上下键选中多行 3. 输入 Shift + i 输入注释符号 // 4....掌握模式切换、配合插件使用,再配合一些个性化设置,Vim 将成为你高效开发的利器。
市面的编辑工具五花八门,简单的有sublime, notepad++, vim, Atom等,复杂的有webstorm, pycharm,eclipse, visual studio, Android...vscode 作为一款逐渐火热的编辑器。它的特点免费、开源、多平台,以及集成git,代码调试,插件丰富等优点。 先是安装,就不说了。自己去官网下载。...对于编辑器来说,要能设置漂亮的界面,能够代码提示和自动补全,能够支持各种语言和代码检查,能够方便快捷的操作。 感觉VScode就是集成了各种编辑器的优点。...他可以输入命令行: 可以分屏幕; 代码补全和提示;还有各种插件和快捷方式。 好了,废话不多说,来看看它的庐山真面目吧。 ? 左边的第一个就是文档区,各种打开的项目,文档可以通过第一个来查看。...": "js-beautify-html", // 下面这一段不能少,否则导致VSCode格式化代码时无法正确格式化vue的style和script块(缩进为4个空格)。
下载地址: 传送门 VSCode的优点 启动超快,相比于Pycharm 内存占用小(没有漫长等待索引过程) 界面好看,有着丰富的主题配色 VSCode的缺点 插件需要安装太多 默认不支持python...的自动导包功能 VSCode环境配置 虽然VSCode支持开发多种语言,但默认并没有配置开发Python插件,因此需要安装Python插件 具体环境配置步骤 安装 Python 插件 如图所示安装即可...Python基本格式 缩进风格 恰当的空格,缩进问题 逻辑行首的空白(空格和制表符)用来决定逻辑行的缩进层次,从而用来决定语句的分组。 语句从新行的第一列开始。...缩进风格统一: 每个缩进层次使用 单个制表符 或四个空格(IDE会自动将制表符设置成4个空格) Python用缩进而不是{}表示程序块的层次关系 Python区分大小写 2....注释格式 # 测试单行注释 print("这里是单行注释 ") ''' 我是多行注释 三个单引号实现多行注释 作者: 时间: ''' print('三个单行引号实现多行注释') """ 三个双引号实现多行注释
及其反对的代码,不要使用 * TODO 重构此方法 * @param 该方法的参数 */ Better Align 根据符号(如冒号、等于号)对齐多行代码 使用方法:Ctrl+Shift+p输入“...Color Info 颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息 Color Highlight 在编辑器中高亮显示颜色值 Color Picker...Prettier – Code formatter 代码保存自动格式化 Partial Diff 文件比较 Quokka.js Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈 使用方法...CSS/SCSS/Less语法检测 Sort Lines 选中多行文字排序 SVG Viewer 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开...vscode-fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间 快捷键: Ctrl+Alt+i vscode-icons 设置目录列表文件类型图标 vscode-spotify
在网上看到了一篇不错的关于vim的文章,参考网上给出的资料,花了些时间,将自己的vim打造成一块go语言的IDE。...set tabstop=4 " 设置Tab长度为4空格 set shiftwidth=4 " 设置自动缩进长度为4空格 set autoindent " 继承前一行的缩进方式,适用于多行注释 " 定义快捷键的前缀...插件结束的位置,插件全部放在此行上面 call plug#end() 配置就这么简单,在begin和end块之间添加需要被安装或管理的插件 配置如下几个插件,我们即可构建出一个关于go的IDE:...安装完插件还需要额外配置才可以使用 Plug 'Valloric/YouCompleteMe' " go 主要插件 Plug 'fatih/vim-go', { 'tag': '*' } " go...vim-go依赖安装 我们上一步完成vim-go插件的安装,vim-go的使用需要依赖go的一些工具,这些工具存在于目录$GOPATH/bin可以在.vimrc文件中执行GoInstallBinaries
二、支持Vue文件的基本语法高亮 在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等...,还需要一些环境和配置: 首先,需要全局的 ESLint , 如果没有安装可以使用npm install -g eslint 来安装。...可以使用 npm install -g eslint-plugin-html 来安装 接着,安装了 HTML 插件后,还需要在 vscode 中配置下 ESLint: "eslint.validate...四、个人VSCode首选项配置推荐(可根据自己喜好修改) [1493191998018_879_1493191998591.png] 五、插件拓展-提高效率有效使用插件 Auto Close Tag...vetur 目前比较好的Vue语法高亮 View Node Package 快速打开选中模块的主页和代码仓库 vscode-icons 文件图标,方便定位文件 VSCode Great Icons
:w " Ctrl+S 保存文件 inoremap :wa 1.4、 安装插件 插件管理器: 为了方便安装和管理插件,推荐使用插件管理工具。...3、Vim的优势 高效:掌握 Vim 的快捷键后,可以快速编辑和处理文本。 轻量级:适合在服务器、终端环境下使用。 高度可扩展:拥有丰富的插件生态,支持现代开发需求(如 LSP、代码补全等)。...包括字符可视模式(v)、行可视模式(V)和块可视模式(Ctrl + v)。在这个模式下,能够选择文本区域,然后进行复制、删除、缩进等操作。...Ctrl + v:进入块可视模式。可以用于对文本的列进行操作,例如对代码的缩进部分进行批量操作。 可视模式下的操作: y:复制选中的内容。在不同的可视模式下,会复制相应选中的字符、行或块。...> 或缩进(>)或反缩进(块可视模式下可以很方便地对代码块进行缩进调整。
* vim设置 > * 配色 > * 代码折叠 > * 插件管理和使用 >> * vim-powerline >> * 多行注释 * python配置 > * 修改pip源 > * virtualenv..." 打开文件类型检测功能 filetype on " 不同文件类型采用不同缩进 filetype indent on " 允许使用插件 filetype plugin on filetype...set autoindent " 为c程序提供自动缩进 set smartindent " 使用c样式的缩进 set cindent " 制表符为4 set tabstop=4 " 统一缩进为...w=2880&h=1754&f=png&s=2128148) ----- ### 插件管理和使用 > 安装管理工具vundle: ``` git clone https://github.com...off set rtp+=~/.vim/bundle/Vundle.vim " vundle 管理的插件列表必须位于 vundle#begin() 和 vundle#end() 之间 call vundle
格式化代码 Option + Shift + F 格式化代码 Command + Shift + P打开命令面板输入 tra 选择大小写实现切换 Command + J 合并代码行 选中代码块按Tab增加缩进...单击鼠标左键:移动光标 双击:选中当前光标下的单词 三连击:选中当前行 四连击:选中整个文档 单击行号并移动鼠标即可选中多行代码 鼠标选中行直接拖放可以移动被选中的代码块 鼠标左键拖拽过程中按Option...上的断点到 Chrome Debugger for Chrome 路径自动提示补全 Path Intellisense 弥补VSCode原生git不足 GitLens 渲染颜色到代码下 vscode-pigments...Manager 同步VS Code配置 Settings Sync 代码格式化的神器 保证更容易写出风格一致的代码 Prettier icons图标 vscode-icons-mac 更多插件请自行探索...选择适合自己项目需求的插件安装下载 ?
Alpha和正式版共用相同的用户配置,如主题、快捷键设置、代码块设置。但插件需要各自安装。Alpha和正式版能同时启动一个。先开启正式版,再启动Alpha版会激活已经开启的正式版。反之亦然。...这里我提醒一下,你第一次进入必定是全英文的,你要去下载中文的插件,然后你装完插件之后要再次运行编辑器才能使用刚刚装的插件。...5.Debugger for Chrome (推荐) 映射vscode上的断点到chrome上,方便调试 6.ESLint (推荐) js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的...,基本和vscode更新频率保持一致 极简主义是不需要的 15.open in browser (必备) vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开...vscode官方钦定Vue插件,Vue开发者必备。
等版本管理 第三行设置右, 依次是前一个命令的返回代码, 是否是root, 后台作业的指示器, py的环境. ----- zsh插件 多的不说, 语法高亮和指令提示肯定要的. brew install...set autoindent " 为c程序提供自动缩进 set smartindent " 使用c样式的缩进 set cindent " 制表符为4 set tabstop=4 " 统一缩进为...=syntax " 启动 vim 时关闭折叠代码 set nofoldenable 进入vim命令模式, za即可折叠当前块 zM关闭所有折叠 zR打开所有折叠 [image] ----- 插件管理和使用...: " 设置状态栏主题风格 let g:Powerline_colorscheme='solarized256' [image] 多行注释 多行注释肯定要的....cu取消注释 代码补全 vim同样自带了代码自动补全, 使用也很简单, ctrl + p即可, 然后继续ctrl + p是向上, ctrl + n是向下, 当然了, 有更加复杂的插件进行提示
EditorConfig EditorConfig是一个用于统一编辑器配置的插件。它可以定义一组编辑器配置规则,如缩进、换行符等,并在不同的编辑器中自动应用这些规则。...通过使用EditorConfig,可以确保团队成员在不同的编辑器中使用相同的代码风格和配置,从而提高代码的可读性和一致性。...Prettier支持多种编程语言,并提供了许多可配置的选项,如缩进、换行符、引号样式等。通过使用Prettier,可以减少开发人员在代码格式上花费的时间和精力,并确保团队成员之间的代码风格一致。...配置.prittierignore文件 /node_modules /dist 4. vscode安装prettier插件 5. 设置保存自动格式化 打开设置搜索format on save 6....可以使用插件如"eslint-plugin-prettier"和"eslint-config-prettier"来解决冲突。
)的反斜杠 AlignEscapedNewlinesLeft: true # 水平对齐二元和三元表达式的操作数 AlignOperands: true # 对齐连续的尾随的注释 AlignTrailingComments...: true # 允许函数声明的所有参数在放在下一行 AllowAllParametersOfDeclarationOnNextLine: true # 允许短的块放在同一行 AllowShortBlocksOnASingleLine...AlwaysBreakAfterDefinitionReturnType: None # 每行字符的限制,0表示没有限制 ColumnLimit: 100 # 描述具有特殊意义的注释的正则表达式,它不应该被分割为多行或以其它方式改变...格式化你的代码 Clang-Format格式化选项介绍 clang-format 格式化工具简易配置 vim安装插件以后启动变慢怎么解决?...---- vim代码格式化插件clang-format ↩ clang-format-diff.py ↩
因为写了一段时间前端,一直在考虑vim是否能够替代前端无敌编辑器vscode,最后发现只能高仿,自己配置的性能跟vscode下的vim模式差不多,灵活性更高点,喜欢折腾的朋友可以试试,否则用vscode...~/.vim/bundle/Vundle.vim 2.vimrc配置 更新日志: 2019年03月04日:终端支持256色,代码可视化缩进块,ctags自动更新脚本,一些小配置的demo 2020.../ack-2.24-single-file > /usr/local/bin/ack "代码可视化缩进块 Plugin 'nathanaelkane/vim-indent-guides' "彩虹括号 Plugin...+ 奇偶行缩进颜色配置 + 缩进块宽度 let g:indent_guides_enable_on_vim_startup = 1 let g:indent_guides_guide_size = 1...,和后一行 """ git左边状态插件配置 " 检查修改间隔时间 ms set updatetime=100 " 高亮,仿git diff highlight GitGutterAdd guifg