打开文件之后默认就是命令模式,可以通过方向键移动光标的位置,也可以通过 k/j/h/l 上下左右移动光标的位置。
但是现在问题来了,我们这是一个现成的react页面,是一个详情页,页面的内容是多个接口返回填进去的:
https://www.zhihu.com/zvideo/1380450791975731200
但是作为一个编辑器之神, 却一直保持着一个非常高傲的姿态,不像打开一个记事本,一个智商正常的人瞬间就能明白记事本怎么用,但是打开vim就算是天才自己慢慢琢磨估计一会。
本文介绍了Vim编辑器的一些基本操作和技巧,包括模式切换、移动光标、快速跳跃、搜索和替换等。同时,还介绍了一些Vim的插件和扩展,以帮助用户更好地使用Vim编辑器。
在使用VSCode的过程中,经常遇到很多需要重复写的简单代码,如果有快捷键可以快速生成这些代码该多好。那么用户代码片段就可以帮你解决这个问题。
VS Code 的全称是 Visual Studio Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。这里只讲在前端开发中的使用。
****Shortcut Key Usage**** Shortcut Function Esc 切换到代码编辑状态 F1 查看帮助(选中某一类或函数,按下F1,出现帮助文档) F2 在光标选中对象的声明和定义之间切换(和Ctrl+鼠标左键一样的效果,选中某一类或函数,按下F2,迅速定位到该类或函数声明的地方或被调用的地方) F3 查找下一个 F4 头文件和源文件之间切换 F5 开始调试/继续执行 F9 设置和取消断点 F10 单步跳过 F11 单步进入 Shift + F2 声明和定义之间切换 Shift
==Ctrl== Ctrl + Y 删除行 ctrl + X 剪切行 Ctrl + N 查找类 Ctrl + R 替换 Ctrl + O 选择可覆盖/继承的方法 Ctrl + F 当前代码(文件)中查找 Ctrl + J 自动代码提示(提示的是自己定义的代码格式) Ctrl + D 复制行或是块(默认是这个意思)(但是我一般习惯改成专门复制行,不包括块,搜索Duplicate Lines) Ctrl + P 方法参数提示显示 Ctrl + W 选中光标所在的单词 ,连续按会有其他效果 (相反的是Ctrl+Shift+W) Ctrl + Q 鼠标放在变量/类名/方法名等上面(也可以在提示补充的时候按),显示文档内容,同类似的功能还有一个Ctrl + Shift + I Ctrl + B 快速打开光标处的类或方法(对于前端支持很好,比如可以直接通过class的name定位到css的文件位置)(等同于ctrl+光标指向) Ctrl + E 最近打开的文件 Ctrl + U 前往父类的方法/父类 Ctrl + K VCS提交项目 Ctrl + T VCS更新项目 Ctrl + G 跳到指定行 Ctrl + H 显示类层次图 Ctrl + F1 显示错误 Ctrl + F3 调转到所选中的词的下一个同名位置 Ctrl + F9 编译 Ctrl - F12 当前编辑的文件中快速导航(可以直接键入字母,IntelliJ IDEA会筛选你输入的来匹配对应是否有的方法,来快速定位)(类似结构图) Ctrl + F11 弹出一个小框来指定式添加书签(可以对文件或文件夹起作用) Ctrl + Tab 编辑窗口切换 (如果在切换的过程又加按上delete,则是关闭对应选中的窗口) Ctrl + delete 删除光标后面的单词 Ctrl + home/end 跳到文件头文件尾 Ctrl + BackSpace 删除光标前面的单词 Ctrl + [ 或 ] 移动光标到块的初/末括号地方 Ctrl + / 或 Ctrl+Shift+/ 注释(// 或者/.../ ) Ctrl + 1,2,3,4.... 快速定位到书签代码处(必须先Ctrl+Shift+1,2,3,4...添加书签) Ctrl + 空格 代码补全提示(因为windows默认被输入法给占用了,可以自己更改下) Ctrl + 小键盘+/- 折叠/展开代码 Ctrl + 鼠标单击编辑窗口的文件标题 弹出该文件路径,可以通过这个打开文件所在地方(相当于Ctrl+alt+F12) Ctrl + 方向左/右 光标跳到上/下个单词 Ctrl + 方向上/下 相当于你用鼠标滑滚轮(为了方便鼠标党) ================================================== ==Alt== Alt + 1 打开/关闭project选项卡 Alt + 这个键是Tab上面那个,按下之后,如果项目有版本控制,则显示常用的版本控制命令 Alt + A 在SVN中把新创建的文件加入进来(自己添加,在Subversion类别) Alt + Q 查看方法的声明(在左上角出现一个Tip层提示),你无需滚动上去查看 Alt + F1 弹出文件选择目标,这个很好用的 Alt + F2 多个浏览器预览 Alt + F3 选中文本,逐个往下查找相同文本,并高亮显示。 Alt + F7 查看该方法/变量/类被调用的地方 Alt + F8 在debug的状态下,选中某些变量或是对象,按此快捷键弹出可输入变量、方法的调试框,指定查看该内容的debug情况 Alt + Home 跳到文件导航bar Alt + Insert 生成代码(如get,set方法,构造函数等) Alt + 方向键 左 或 方向键 右 切换当前打开的代码文件视图 Alt + 方向键 上 或 方向键 下 在方法间快速移动定位 Alt + 鼠标左键单击不放,拖动 可以直接方块区域选择(很有用) Alt + 回车 快速修复(可以用来导入单个包) ================================================== ==Shift== Shift + F6 重构:重新命名 Shift + F11 查看书签 Shift + F10 Run(运行)当前程序,相当于点击run按钮 Shift + F9 debug当前程序,相当于点击debug按钮 Shift + end 选中从光标到end处 Shift + home 选中从光标到home处 Shift + Enter 光标所在行下空出一行,光标跳下 Shift + 单击 可以关闭文件 Shift + 滚轮 横向滚动轴滚动(非常强大)
在Fiberplane,我们最近遇到了一个有趣的挑战:我们正在使用的富文本编辑器库已经过时了。我们曾经使用Slate.js——一个很好的编辑器——但是当我们为协作编辑实现我们自己的富文本基元时,我们发现我们自己的基元和Slate的数据模型之间的脱节是一个阻碍因素。所以我们开始思考——如果我们建立自己的富文本编辑器(RTE, Rich Text Editor)会怎样?
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
这意味着如果文中有几十张图片,那我需要单独把这几十张图片保存到本地,然后光标定位到对应位置,点击上传图片,把图片插进去。
大家好,我是喵喵侠。在现代化的前端开发过程中,我们通常会选用市面上流行的前端框架(如Vue、React之类),快速实现各种功能。与传统的原生JavaScript和jQuery开发不同的是,我们编写的是框架模板代码,而并非原生的HTML、CSS、JavaScript,这样就会导致页面最终在控制台审查元素看到的代码,与实际编写的代码是不一样的。就拿Vue的项目来说,通常会使用脚手架工具进行编译打包成HTML、CSS、JavaScript,你只需要编写Vue语法的代码即可完成开发。
VI是Linux系统的一个文本编辑器,该编辑器可以通过使用VI命令来操作,从而完成对文本的编辑。熟练掌握一些常用的VI命令,可以大大简化编辑操作并提高操作Linux文本的效率 。
之前介绍过众多的motion,根据移动范围来排序的话有 l、e、w、j等等,但是面对那么长的代码文件,仅仅使用这几个简单的motion不知道要移动多少次才能找到我想要的代码,这个速度有时候还不如我用鼠标移动光标。vim作为编辑器之神当然提供了快速移动光标的方式了,这篇文章我们就来了解一下如何使用vim在代码间进行快速跳转。
Atom支持语言特定的设置。你可以在Markdown文件中软换行,或者在Python中把tab的宽度设置为4。
转载:http://blog.csdn.net/u012771929/article/details/30030249 目录: 1.setting 安装插件,package control ,Emmet使用 2.快捷操作 选择,编辑,搜索,显示 ---- 1.settings preferences>>settings default存储的默认格式信息; preferences>>settings user可以自己配置信息,格式为json 1.1安装插件 从官网下的版本是没有插件的,需要自己
vim是从 vi 发展出来的一个文本编译器。 代码补完、编译及错误跳转等方便编程的功能特别丰富,在程序员中被广泛使用。 简单的来说, vi 是老式的字处理器,不过功能已经很齐全了,但是还是有可以进步的地方。 vim 则可以说是程序开发者的一项很好用的工具。
vim是Linux编辑器,功能上和记事本没有区别。不仅仅可以用来写c语言和c++,其它语言也可以在上面写。
本文没有什么高深的东西,就是写几个CSS样式经常遇见的东西,可能大部分都已经知道怎么解决了,当做小白文浏览就好。
相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,然而工欲善其事必先利其器,好的工具就是成功的一半,最近一直都在想着,怎么样提高自己的效率,如果总是复性的劳动一件事情,时间久了,觉得是毫无意义的,让自己远离刀耕火种的时代,提高效率,同时也是为了减少手残腰椎痛(说得好像不是搬砖的,可是我依旧是个搬砖的),那么今天就我平时的使用跟大家分享一款自己喜欢编辑sublinmeText3,本文适合小白,有志于解脱鼠标手崇尚键盘侠的键客,对于它的使用和学习,我也一直在摸索中,初学者学习笔记使用心得,希望对正在路上的你有些用…
这里为什么会用到在线编辑功能呢?有这样的一个文件管理系统,实时上传js、css、html、shtml、txt等格式文件及文件夹,但是有时候发现上传的文件内容上有不对的地方,如果按传统的下载文件到本地,打开文件编辑保存,再次上传文件到对应路径这样一套操作下来的话会比较麻烦,耽误时间,而如果可以在线编辑有内容问题的文件的话,就可以省去很多步骤,直接在线修改并保存文件就可以了,是不是很方便,于是就产生了在线编辑的需求。
近期开发Web版的微型仓库管理的小系统,系统的特点就是针对单品条码的管理,也就是所有进出货等都是需要扫描一个唯一的条码来进行的。那么就遇到打开网页之后,自动锁定光标到条码输入的输入框,条码枪扫描以后,还需要自动清除内容并再次锁定光标到输入框。其实这就是js开发中焦点的处理,但是要实现这个功能真的没那么简单,并非用.Focus那么简单的,你会发现不管用C#来进行后来的焦点定位 – this.txtSerialNumber.Focus();,还是前台的js焦点定位都不行。
惯常来讲,IDE和编辑器是2个产品类别。 IDE侧重于某种语言的语法分析、提示、转到定义、调试。 而编辑器则是对通用文本处理,但提供更高效的通用文本处理能力。 上一代HBuilder是一个典型的IDE,语言处理非常强大,但在字处理方面客观讲不如优秀的编辑器。 而新的HBuilderX,定位是IDE和编辑器的完美结合,那么HBuilderX就会提供世界顶级的高效字处理能力。 看完这些,你一定会惊叹,原来极客是这么玩。
DOM中并没有直接获取光标位置的方法,那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围,我们可以以此为切入点,来获取或定位光标的位置,当选取范围起始点和结束点一样时,就是光标插入的位置。
vi 文件名 +行数 ( 到达指定行数的位置) vi 文件名 + (直接定位到文件末尾)
有些页面的内容不是打开页面时直接加载的,需要我们滚动页面,直到页面的位置显示在屏幕上时,才会去请求服务器,加载相关的内容,这就是我们常说的懒加载。还有就是在日常工作和学习中,经常会遇到我们的页面内容较多,一个屏幕范围无法完整展示内容,我们就需要滚动滚动条去到我们想要的地方,所以有时候我们就需要操作滚动条向下滚动的操作。其实前边的文章也提到过滚动条的操作,今天主要是将各种宏哥知道的方法进行一下汇总和总结,方便大家查找和学习。
取值:数字+px 百分比 (圆角半径)
本文介绍了Chrome开发者工具的一些小技巧,包括快速编辑HTML元素、快速定位行和列、展开所有子节点、多个光标编辑、触发伪类以及使用$0获取当前元素等。这些技巧可以帮助开发者更高效地调试和优化前端代码。
1 执行(run) Shift + F10 2 提示补全 (Class Name Completion) alt+/ 3 单行注释 ctrl + / 4 多行注释 ctrl + shift + / 5 Alt + Shift + F 显示添加到收藏夹弹出层 / 添加到收藏夹
作为Linux开发的必不可少的工具,能够将Vi的功效发挥到极致,必然能够提高我们的工作效率,下面是一些Vi的使用技巧。
Windows快捷键 Ctrl 快捷键 介绍 Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行 或 删除选中的行 (必备) Ctrl + X 剪切光标所在行 或 剪切选择内容 Ctrl + C 复制光标所在行 或 复制选择内容 Ctrl + D 复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面 (必备) Ctrl + W 递进式选择代码块。可选中光标所在的单词或段落,连续按
点击 File –> Settings(Ctrl+Alt+S), –> 打开设置对话框, 在左侧的导航框中点击 KeyMap, 然后选择Main menu –> Code –> Completion. 接着需要做两件事
Ctrl 快捷键 介绍 Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行 或 删除选中的行 (必备) Ctrl + X 剪切光标所在行 或 剪切选择内容 Ctrl + C 复制光标所在行 或 复制选择内容 Ctrl + D 复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面 (必备) Ctrl + W 递进式选择代码块。可选中光标所在的单词或段落,连续按会在原有选中的基础上再扩展选中范围 (必备) Ctrl + E 显示最近打开的文件记录列表 (必备) Ctrl + N 根据输入的 类名 查找类文件 (必备) Ctrl + G 在当前文件跳转到指定行处 Ctrl + J 插入自定义动态代码模板 (必备) Ctrl + P 方法参数提示显示 (必备) Ctrl + Q 光标所在的变量 / 类名 / 方法名等上面(也可以在提示补充的时候按),显示文档内容 Ctrl + U 前往当前光标所在的方法的父类的方法 / 接口定义 (必备) Ctrl + B 进入光标所在的方法/变量的接口或是定义处,等效于 Ctrl + 左键单击 (必备) Ctrl + K 版本控制提交项目,需要此项目有加入到版本控制才可用 Ctrl + T 版本控制更新项目,需要此项目有加入到版本控制才可用 Ctrl + H 显示当前类的层次结构 Ctrl + O 选择可重写的方法 Ctrl + I 选择可继承的方法 Ctrl + + 展开代码 Ctrl + - 折叠代码 Ctrl + / 注释光标所在行代码,会根据当前不同文件类型使用不同的注释符号 (必备) Ctrl + [ 移动光标到当前所在代码的花括号开始位置 Ctrl + ] 移动光标到当前所在代码的花括号结束位置 Ctrl + F1 在光标所在的错误代码处显示错误信息 (必备) Ctrl + F3 调转到所选中的词的下一个引用位置 (必备) Ctrl + F4 关闭当前编辑文件 Ctrl + F8 在 Debug 模式下,设置光标当前行为断点,如果当前已经是断点则去掉断点 Ctrl + F9 执行 Make Project 操作 Ctrl + F11 选中文件 / 文件夹,使用助记符设定 / 取消书签 (必备) Ctrl + F12 弹出当前文件结构层,可以在弹出的层上直接输入,进行筛选 Ctrl + Tab 编辑窗口切换,如果在切换的过程又加按上delete,则是关闭对应选中的窗口 Ctrl + End 跳到文件尾 Ctrl + Home 跳到文件头 Ctrl + Space 基础代码补全,默认在 Windows 系统上被输入法占用,需要进行修改,建议修改为 Ctrl + 逗号 (必备) Ctrl + Delete 删除光标后面的单词或是中文句 (必备) Ctrl + BackSpace 删除光标前面的单词或是中文句 (必备) Ctrl + 1,2,3…9 定位到对应数值的书签位置 (必备) Ctrl + 左键单击 在打开的文件标题上,弹出该文件路径 (必备) Ctrl + 光标定位 按 Ctrl 不要松开,会显示光标所在的类信息摘要 Ctrl + 左方向键 光标跳转到当前单词 / 中文句的左侧开头位置 (必备) Ctrl + 右方向键 光标跳转到当前单词 / 中文句的右侧开头位置 (必备) Ctrl + 前方向键 等效于鼠标滚轮向前效果 (必备) Ctrl + 后方向键 等效于鼠标滚轮向后效果 (必备) Alt 快捷键 介绍 Alt + `|显示版本控制常用操作菜单弹出层 (必备) Alt + Q 弹出一个提示,显示当前类的声明 / 上下文信息 Alt + F1 显示当前文件选择目标弹出层,弹出层中有很多目标可以进行选择 (必备) Alt + F2 对于前面页面,显示各类浏览器打开目标选择弹出层 Alt + F3 选中文本,逐个往下查找相同文本,并高亮显示 Alt + F7 查找光标所在的方法 / 变量 / 类被调用的地方 Alt + F8 在 Debug 的状态下,选中对象,弹出可输入计算表达式调试框,查看该输入内容的调试结果 Alt + Home 定位 / 显示到当前文件的 Navigation Bar Alt + Enter IntelliJ IDEA 根据光标所在问题,提供快速修复选择,光标放在的位置不同提示的结果也不同 (必备) Alt + Insert 代码自动生成,如生成对象的 set / get 方法,构造函数,toString() 等 (必备) Alt + 左方向键 切换当前已打开的窗口中的子视图,比如Debug窗口中有Output
Ctrl + D 复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面 (必备)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/127575.html原文链接:https://javaforall.cn
Chrome 开发者工具是一款Web开发者们公认的优秀的前端调试工具,本身功能强大,有了这个工具,你可以做很多有趣的事情。
说IDEA对新手来说难,可能其中一个原因就是快捷键组合多而且复杂但是它也很全,基本所有功能都可以通过快捷键来完成,可以这么说,如果你掌握了所有IDEA的快捷键使用,那么你完全可以丢掉鼠标,而且不影响开发效率。
1. New:新建一个工程 可以新建project,导入已存在的资源project,从版本控制库导入工程,新建Module,导入已存在的资源Module,新建文件(JS,DB,JSP,Java,CSS……),新建FMXL文件。
退出vim 按键 功能 :wq 保存退出 :w filename 保存到指定文件 :q 退出,如果文件修改但没有保存,会提示无法退出 :q! 退出,不保存 进入插入模式 按键 功能 a 光标位置右边插入文字 i 光标位置当前处插入文字 o 光标位置下方开启新行 O 光标位置上方开启新行 I 光标所在行首插入文字 A 光标所在行尾插入文字 进入可视化模式 按键 功能 Ctrl+v 进入可视化编辑模式 其它 按键 功能 :set expandtab tab展开为空格 cc/S 清除整行,进入插入模式 d$
竖线(|)代表光标的位置;波浪号(~)代表该行没有任何内容。如果没有 ~,也看不到任何内容,那说明这一行肯定是有空白字符(空格、tab 缩进、换行符等)或不可见字符。
如果我面想要在Linux上编写代码的话,我就需要vim来帮助我们编写代码。但是vim并不像是在Windows上的vs集成软件把所有的东西都集成起来但是呢,如果不进行配置的话,vim和其他是相互独立的,vim就是写代码的编辑器,编译代码就是gcc/g++的编译器,调试代码就有gdb的调试器。自动化构建就有make和makefile构建的工具。
每一个程序员都有一款心心念叨的代码编辑器。而在众多妖颜魅惑的编辑器偶像团体前,vim 就像个不加粉饰的农村姑娘,咋一看是那样朴实无华,难有倾心。但只要走近一点,来个亲密接触,又会被她的似水柔情所俘获。
PgUp/PgDn 光标定位到当前页面的第一个字符/最后一个字符(连按可定位到整个页面的开头或结尾)
Intellij IDEA ctrl 快捷键 介绍 Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行 或 删除选中的行 (必备) Ctrl + X 剪切光标所在行 或 剪切选择内容 Ctrl + C 复制光标所在行 或 复制选择内容 Ctrl + D 复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面 (必备) Ctrl + W 递进式选择代码块。可选中光标所在的单词或段落,
基础概念目录介绍 01.业务需求简单介绍 02.实现的方案介绍 03.异常状态下保存状态信息 04.处理软键盘回删按钮逻辑 05.在指定位置插入图片 06.在指定位置插入输入文字 07.如果对选中文字加粗 08.利用Span对文字属性处理 09.如何设置插入多张图片 10.如何设置插入网络图片 11.如何避免插入图片OOM 12.如何删除图片或者文字 13.删除和插入图片添加动画 14.点击图片可以查看大图 15.如何暴露设置文字属性方法 16.文字中间添加图片注意事项 17.键盘弹出和收缩优化 18.前后
1.页面设置快速进行调整 问:要对 Word 进行页面调整,通常大家采用的方法是选择“文件→页面设置”选项的方法进行,请问有没有更快速方便的方法呢? 答:有,如果要进行“页面设置”,只需用鼠标
1. 自主安装sublime text3 2. ubuntu下使用下面命令安装
领取专属 10元无门槛券
手把手带您无忧上云