让代码不运行的快捷键html5,使用 vscode 实现写代码双手不用离开键盘
一、shell code 操作
首先从 vscode 中安装 code 命令:打开命令面板(shift+command+P)输入 shell code 会展示下图中的选项:
选择 在 PATH 中 安装 “code” 命令 ,就可以在命令行中使用 code 命令了,可以使用 code -h 查看可选命令
下面介绍几个常用的命令:
code . 从新的 window 中打开当前目录;也可以配合 -r 命令在上一个 window 中打开当前目录,注意 -r 会覆盖上一个 window 已经打开的目录
code -d 对比两个文件,例如在 shell 中输入 code -r -d a.txt b.txt,来对比 a.txt 和 b.txt 的内容
* | code -,code 命令还可以接受来自管道中的数据,例如在 shell 中输入 ll | code -,就会将 ll 命令的结果在 vscode 以文件的形式打开
code -g 打开某一个文件并定位到指定行,例如在 shell 中输入 code -r -g package.json:15,来打开当前目录中的 package.json 文件并定位到第15行
code -w 命令会一直等待打开的文件被关闭后才会结束
二、快捷键操作之移动光标
option + 左右方向键,跳转到一个单词的首或尾
command + 左右方向键,跳转到一行的首或尾
command + shift + 上下方向键,选中当前光标位置到文始或文末位置
command + shift + 9,选择括号中的内容,这个我自己的自定义快捷键,可自行修改
command + option + \,在一对括号始末进行跳转
control + -,移动到上次操作时的光标位置,配合 f12 做快捷查看变量或者函数定义很方便!
ctrl + g,跳转到指定行
三、快捷键之行操作
shift + control + k,删除当前代码行,这个快捷键对应的配置名称是"删除行",大家可以自己配置自定义快捷键
command + x,剪切当前行,注意直接把光标移动到需要剪切的行,不要选中任何字符
command + shift + d,复制当前行
command + enter,从当前行的下面开始新一行,不管光标是当前行的任意位置,都可以直接跳转到下面的新行
command + shift + enter,从当前行的上面开始新一行,特点同上
command + control + 上下方向键,移动当前行
四、快捷键之其他常用
1、option + shift + a,块注释代码
2、command + shift + f,在全局搜索光标选中的字符
3、command + f,搜索字符,这里要强调的是,如果你想搜索光标所在的字符,不需要选中该字符,直接将光标定位到该字符然后直接使用快捷键,默认就是搜索当前光标所在的单词,这个细节看似很简单,但是习惯之后可以节省很多时间
command + g,配合上面的"搜索字符"操作,用来跳转到下一个匹配项
command +shift + g,配合上面的"搜索字符"操作,用来跳转到上一个匹配项
command + p,快速打开某一个文件,根据文件名或文件路径检索,个人认为记住文件名或文件路径比记住文件在项目中位置更简单一些
command + p + filename:line,快速打开某一个文件并定位到指定行
command + d,选中与当前选中代码相同的代码块,这是一个多光标操作,在对相同字符做批量操作的时候相当实用!
shift + f12,查看当前选中的字符都有哪些地方引用
option + space,触发建议,也就是手动弹出代码提示,这个我自己的自定义快捷键,可自行修改
option + 拖动光标,可以从当前光标位置选中多行,看着很神奇其实没啥用的功能。。。
12、command + 数字键,快速切换文件
13、common + option + s,同时保存所有文件
用户可以自定义代码片段
Log Wrapper 插件,快速打印log
五、vscode 一些技巧
1、强制创建可闭合的代码区域
// #region
const render = () => ReactDOM.render(
value={store.getState().counter}
onIncrement={() => store.dispatch({ type: 'INCREMENT', payload: 'payload value' })}
onDecrement={() => store.dispatch({ type: 'DECREMENT' })}
/>,
rootEl
)
// #endregion
2、Refactor Promises to Async/Await
3、balance 快捷键,选中 html 代码块
六、vscode 常用插件
1、Atom Keymap:在 vscode 应用 atom 的快捷键位,对于从 atom 转为 vscode 的小伙伴真的是太方便了,毕竟记快捷键不是每个人都愿意干的事
2、Auto Rename Tag:html 标签自动更改命名
3、Auto-Open Markdown Preview:当打开 markdown 文件时会自动打开预览功能
4、Beautify:美化代码格式
5、Better Comments:将一些特殊注释用不同的颜色区分,使注释内容更明显
6、Bracket Pair Colorizer:每一个对括号用不用颜色区分
7、change-case:快速将字符串格式改为大驼峰、小驼峰、下划线分隔等等方式
8、Color Highlight:css color rgba,16进制 快速切换
9、Document This:快速生成函数注释
10、File Peek:快速查看变量的定义,支持跨文件查看和修改
11、git blame:快速查看某一行代码的提交记录
12、guides:代码行标尺
13、Import Cost:展示引用模块的体积
14、Markdown All In One:编写 markdown 的一些快捷键
15、Markdown Preview Enhanced:markdown 预览功能
16、open in browser:vscode 上可以直接打开浏览器预览
17、Open iTerm2:vscode 上可以在 iTerm2 上打开指定文件
18、Quokka.js:打开一个可以直接展示运行结果的文件,不太好描述,但是是一个很实用的插件!强烈推荐!
19、Vs Color Picker:可以使用这个插件选择自定义的颜色
让代码不运行的快捷键html5,使用 vscode 实现写代码双手不用离开键盘相关推荐
- layui 导航收缩代码_pycharm的十个小技巧,让你写代码效率翻倍
前言 作 者:刘善国 漫 画:猫小光 来 源:麻瓜编程(easypython) 0. PyCharm 常用快捷键 1. 查看使用库源码 经常听人说,多看源码.源码不仅能帮我们搞清楚运行机制,还能学习优 ...
- python在哪里写代码比较适合-程序员面试被要求手写代码,你与顶级程序员的差别在哪?...
原标题:程序员面试被要求手写代码,你与顶级程序员的差别在哪? 前言: Python现在非常火,语法简单而且功能强大,很多同学都想学Python! 所以小的给各位看官们准备了收藏已久的视频教程分享给大家 ...
- vscode运行python快捷键_21 个VSCode 快捷键,让代码更快,更有趣
点赞再看,养成习惯 本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料.欢迎Star和完善,大家 ...
- IDEA 快捷键的使用,提高写代码的速度。
哈哈快捷健太多了吧,估计还没有看完就受不了 弄一些重点要用的记下吧:陈列下仅供参考: Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) ...
- html5生日时间怎么写代码,用JavaScript写得比较日期,计算生日的函数,
把下面的代码贴到html文件里就可以了 function btnCount_Click(){ s1 = document.getElementById('sdate1').value; s2 = do ...
- SecSolar:为代码“捉虫”,让你能更专心写代码
本文分享自华为云社区<为代码"捉虫",华为云发布代码安全检测服务SecSolar>,原文作者:华为云头条 . 在华为开发者大会2021(Cloud)上,华为常务董事.华 ...
- vscode边写代码边看变化
其实现在很简单,因为vscode把一些功能内置了,所以只需要安装Live Preview这个插件就可以了 然后在编辑区的右上角就会有显示了 右上角,点击那个带着搜索符号的,右侧就会显示浏览器中的效果了
- eclipsevue代码怎么运行_打了多年的单片机调试断点到底应该怎么设置? | 颠覆认知...
导读:程序运行过程中,有些数据被莫名修改了,在哪里修改的?又是怎么修改的?这个代码我只想知道是否运行过,或者运行了多少次,但是不想让程序停下来,或者仅打印调试信息,怎么办?当这个变量设置成某个数据后, ...
- python打完代码怎么运行-Python的代码是如何去进行运行的?
近年来,Python语言迅速崛起,其简洁.免费.易学习.兼容性好等特点以及其面向对象.函数式编程.过程编程.面向方面编程,受到众人的喜爱.与其他编程程序的语言基本相同,Python也是需要在相应的程序 ...
最新文章
- 洛谷P4053 [JSOI2007]建筑抢修
- LINUX新手入门-1.装系统
- Spring配置JDBC连接Orcale、MySql、sqlserver
- Codeforces 1036E. Covered Points
- 基于深度信念网络的脑电图情感分类
- ASP.NET EntityFrameworkCore code first 多对多设计
- 【数据分析】数据分析(EDA)学习总结!
- 图解 Git 工作原理,看完你就懂了!
- Python set list dict tuple 区别和相互转换 - Python零基础入门教程
- php如何统计数组的个数,如何用php统计数组元素的个数(附代码)
- 量子计算机迷宫,一个简单的例子,带你读懂量子计算机
- OpenCV中的「透视变换 / 投影变换 / 单应性」—cv.warpPerspective、cv.findHomography
- 可用来编写html的文件,Web前端
- 博物馆施工组织设计方案
- 基于thinkphp6开放,免费开源可商用的兴趣社区论坛圈子小程序
- 管道与系统调用pipe
- Internet Explorer 无法打开 Internet 站点
- 基于小波分析与深度学习的脑电信号分类(matlab)
- 【codeforces 350C】Bombs
- 2D横版摩托游戏源码