ctrl+/  单行

[alt+shift+A]  多行注释 (默认的  我已经修改了)

复制当前行:shift + alt +up/down(上下箭头)可以修改成ctrl+d(改成webstorm一样) 然后找到你 想要修改的东西比如多行注释,右键点击change Keybinding,(同时按住ctrl+shift+/)按enter搞定

原来可以修改的--file-->Preferences(首选项)--》keyboard shortcuts(键盘快捷键)

复制当前行:shift + alt +up/down (有时候英文找不到就搜索   shift + alt +up/down搞定然后修改他)就和webstorm一样ctrl+d 复制当前行了 哈哈(我只修改了向下复制)

ctrl+滚轮可以放大缩小(怎么改)--》在文件-->首选项-->设置-->搜索Mouse Wheel Zoom 选中搞定

改成中文界面:  Ctrl+shift+P,弹出命令行,选择"Configure Display Language"

,然后保存,在然后安装插件搜索  chinese 安装 推出再进

ctrl+shift+x 就是下载插件的地方

ctrl+shift+e 就是打开你当前 的项目目录(编辑器里面)

新建js文件  rcc 就是react类组件的快捷键 rcf就是函数式组件的快捷键

ctrl+·(esc下面那个) 打开终端调试

快速回到顶部 : ctrl + home

设置快捷键:ctrl+,

快速回到底部 : ctrl + end

全局替换:ctrl + shift + h

当前文件替换:ctrl + h(这个可以哟有用)

打开新的命令窗:ctrl + shift + c (打开cmd命令窗口)

打开最近打开的文件:ctrl + r

ctrl+b 切换侧边栏

常用插件

GitLens   可以看得到  谁提交的GIT

view in browser  安装之后可以在浏览器中打开html

Auto Rename Tag   修改html标签,自动帮你完成尾部闭合标签的同步修改,和webstorm一样。

Auto Close Tag   自动闭合HTML标签

Beautiful   格式化代码的工具

HTML Snippets   超级好用且初级的H5代码片段以及提示

One Dark Theme  一个vs code的主题

HTML CSS Support 在HTML标签上写class智能提示当前项目所支持的样式

Path Intellisense   自动路径补全、默认不带这个功能

React Native Tools    reactNative工具类为React Native项目提供了开发环境。

Stylelint   css/sass代码审查

VueHelper   Vue2代码段(包括Vue2 api、vue-router2、vuex2)

Vue 2 Snippets   vue必备vue代码提示

Vue-color   vue语法高亮主题

Todo Tree  咋个说呢就是注释语法,在你注释的地方前面加上TODO,然后就可以看到这个特别的注释了(安装插件后会有一棵树,然后就可以查看特殊的注释了)

设置console.log快捷键

打开vscode,选择文件--首选项--用户代码片段

选择javascript类型,打开javascript.json文件

按照操作,设置快捷输入

{"Print to console": {"prefix": "cl","body": ["console.log('$1');",

],"description": "Log output to console"}

}

就可以log 按table就可以了哟

差不多了,想起来在补吧

设置自动保存,选择当光标不再时

菜单栏不见了,按alt可以出来菜单栏;按下alt   查看====>外观=======>切换菜单栏   在执行这个步骤就可以了

旁边的侧边栏也不见了,找到设置,然后搜索settings.json,

"workbench.activityBar.visible": true 设置为true就显示出来了,

*************************************************************************************************************************

webstorm快捷键(两个我都用过  vs更轻便,打开项目速度快,推vs 配置配得跟webstorm一样一样的)

*************************************************************************************************************************

如果有自己的配置的话,File-->Export Settings到处配置文件,在新的webstorm导入配置文件就可以了,以免重复

citl+滚轮  缩小放大代码

步奏:File-->Setting-->Editor-->General-->勾选上滚轮滑动改变字体大小(附图一张)

怎么设置快捷键,npm run dev这种  不用自己手动输入这种,在依赖包右键就可以设置,附图

设置黑色背景以及高亮显示

先搜索这个--》

第一步完成后(外部导入一个文件)或者去下载http://pan.baidu.com/s/1nuKSBZ7

就搞定

vscode主题 webstorm_vscode/webstorm快捷键相关推荐

  1. VsCode常用插件和快捷键

    VsCode常用插件和快捷键 vscode快捷键 alt+w:快速打印变量(需要插件Wrap Console Log) alt+q:加书签 alt+d:加`<div>`标签(htmltag ...

  2. 如何打造一款自己的 VSCode 主题?

    本文首发于个人博客 brownhu.site 我之前一直用 One Dark Pro 后来又转到 Material Theme Palenight 再到后来的 Dracula .总觉得有些配色很奇怪( ...

  3. vscode更换主题的插件_vscode插件开发:定制 vscode 主题插件扩展

    vscode 自带的几款主题都很漂亮,也支持通过用户配置修改一些常用的配色,但是如果想对很多部分的配色进行修改则没那么容易.我们可以通过基于已有主题定制自己的 vscode 主题扩展来实现该目的. v ...

  4. Webstorm快捷键整理

    Webstorm快捷键整理 F2/Shift F2  下一个/上一个高亮错误 Ctrl+Shift+BackSpace 回到刚刚编辑的地方 Alt+Insert 新建文件,还有其他功能 Ctrl+D ...

  5. JetBrains WebStorm 快捷键失效

    当自己决心要干一件的大事的时候,惊喜总是不断 意外发现WebStorm快捷键不好使,身为码农没有复制粘贴等快捷键那简直不爽. 百度了一下发现是IdeaVim插件的原因:直接禁用就可以了 1.Ctrl+ ...

  6. 分享一个vscode主题收录网站,有了这个网站不用再求别人啦

    VScode现在已经越来越完善,一个好的主题可以使你的工作变得更容易,更有趣和令人兴奋.经常有人问我要vscode主题,今天他来啦, https://vscodethemes.com/ 或者点此跳转 ...

  7. 教你如何创建一款属于自己的VSCode主题

    你有没有想过创建一款属于自己的VSCode主题?没有你想像的那么难,但是真正实现起来也不是那么轻松,需要你对将要去改变的主题的一些属性要有所了解和准备. 如果你要想让你的主题适用于多种编程语言,并且看 ...

  8. VSCode打开终端的快捷键

    VSCode打开终端的快捷键 方法一(Windows):Ctrl+` 即可注意那个点是键盘上 esc 下面的那个

  9. VScode主题字体(正体,斜体修改)

    VScode主题字体(正体,斜体修改) 查看当前主题名称 例如 One Monokai Theme 进入C:\Users\Administrator(换成你的用户名).vscode\extension ...

  10. 如何设置VSCode删除整行快捷键?

    如何设置VSCode删除整行快捷键? 在使用VSCode的时候,发现它的快捷键是Ctrl+Shift+K 那怎么设置成我们经常用的Ctrl+D呢 1.选择文件–>首选项–>键盘快捷方式 2 ...

最新文章

  1. 模型加速--LCNN: Lookup-based Convolutional Neural Network
  2. tensorflow的axis理解
  3. 【电磁场实验作业】有限差分法(FDM)求解静电场电位分布
  4. scrapy在命令行指定要采集的url
  5. 网易2017校招编程:优雅的点
  6. python源码笔记_python源码学习笔记(一)
  7. 计算星期c语言编码,[转载]计算任何一天是星期几的C语言源代码.
  8. 海量日志收集利器 —— Flume
  9. Linux 系统级开启文件句柄 调优
  10. 人工智能面试题86问,新手找工作必备!
  11. 51Nod - 1051(思维)
  12. 微博表情包大全,截止2022年5月
  13. win10系统引导丢失,无法进入的解决办法
  14. java中instanceof是什么意思_java 中的instanceof用法详解及instanceof是什么意思(推荐)...
  15. 户外航模试飞地踩点--杭州
  16. 接口测试, 功能测试(黑盒测试)
  17. SPA(单页面)和MPA(多页面)的区别与优缺点
  18. matlab输出多个参数到表格固定列,matlab将excle的列提取出来?如何使用Matlab提取Excel中指定列的数据?...
  19. Jrebel+springboot2.0 启动失败问题
  20. 天翼云无法连接mysql_天翼云Linux主机异常

热门文章

  1. 信用证,保理,支付宝的模式和区别
  2. vs 2005 sp1 安装失败的解决方案 安装VS2005 sp1的方法
  3. 【设计模式】-工厂模式->抽象工法模式(源码与类图解析)
  4. 1+x云计算平台运维与开发初级
  5. 常见的windows 命令大全
  6. 高数_关于e两个重要的积分公式
  7. java怎么将文件传到服务器,Java文件传到服务器
  8. 【操作篇】qBittorrent下载+转种Transmission快校版+IYUU Plus辅种教程
  9. linux环境编程apue和unp,《APUE》和《UNP》文件的编译和使用(转载)
  10. SSH2开发简易的购物网站源代码下载