vscode主题 webstorm_vscode/webstorm快捷键

vscode主题 webstorm_vscode/webstorm快捷键ctrl+/单行[alt+shift+A]多行注释(默认的我已经修改了)复制当前行:shift+alt+up/down(上下箭头)可以修改成ctrl+d(改成webstorm一样)然后找到你想要修改的东西比如多行注释,右键点击changeKeybinding,(同时按住ctrl+shift+/)按enter搞定原来可以修改的–file–>Preferences(…

大家好,又见面了,我是你们的朋友全栈君。

ctrl+/  单行

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

vscode主题 webstorm_vscode/webstorm快捷键

vscode主题 webstorm_vscode/webstorm快捷键

vscode主题 webstorm_vscode/webstorm快捷键

复制当前行: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 选中搞定

vscode主题 webstorm_vscode/webstorm快捷键

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

vscode主题 webstorm_vscode/webstorm快捷键,然后保存,在然后安装插件搜索  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

vscode主题 webstorm_vscode/webstorm快捷键

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,然后就可以看到这个特别的注释了(安装插件后会有一棵树,然后就可以查看特殊的注释了)

vscode主题 webstorm_vscode/webstorm快捷键

设置console.log快捷键

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

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

按照操作,设置快捷输入

{“Print to console”: {“prefix”: “cl”,”body”: [“console.log(‘$1’);”,

],”description”: “Log output to console”}

}

就可以log 按table就可以了哟

差不多了,想起来在补吧

vscode主题 webstorm_vscode/webstorm快捷键

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

vscode主题 webstorm_vscode/webstorm快捷键

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

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

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

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

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

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

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

citl+滚轮  缩小放大代码

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

vscode主题 webstorm_vscode/webstorm快捷键

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

vscode主题 webstorm_vscode/webstorm快捷键

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

先搜索这个–》

vscode主题 webstorm_vscode/webstorm快捷键

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

vscode主题 webstorm_vscode/webstorm快捷键

vscode主题 webstorm_vscode/webstorm快捷键

就搞定

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/152269.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • c#做四则运算小程序

    c#做四则运算小程序

    2021年10月2日
    52
  • gis地理加权回归步骤_地理加权回归权重

    gis地理加权回归步骤_地理加权回归权重内容导读1)回归概念介绍;2)探索性回归工具(解释变量的选择)使用;3)广义线性回归工具(GLR)使用;*加更:广义线性回归工具的补充内容4)地理加权回归工具(GWR)使用+小结。说明:本节是这个学习笔记最后一部分。PART/04地理加权回归工具(GWR)使用上一节我们讲了GLR广义线性回归,它是一种全局模型,可以构造出最佳描述研究区域中整体数据关系的方程。如果这些关系在研究区域中是一致的,则GLR回归方程可以对这些关系进行很好的建模。不过,当这些关系在研

    2022年10月6日
    3
  • IIS Express ArgumentOutOfRangeException

    IIS Express ArgumentOutOfRangeException

    2022年3月6日
    41
  • 推特宣布永久停用特朗普个人账号

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 据央视新闻消息,当地时间1月8日晚,美国社交网站推特发布声明,称将永久停用美国总统特朗普的个人账号。 声明称,“在经…

    2021年6月25日
    85
  • 2020年3月23日阿里笔试题[通俗易懂]

    2020年3月23日阿里笔试题[通俗易懂]2020年3月23日阿里笔试题题目描述题目分析  这是阿里的第二场笔试,本来觉得没啥好写的,一道排列组合,一道迷宫。没有什么发挥的空间。但是后来在和大家讨论的过程中,把这道题的公司给敲出来了,但是这公式也不能白敲,干脆写一篇文章总结一下。题目描述一共n个人,从中选出任意个人组成一队,我们不妨记为k,再从k个人选出一人做队长。题目分析  这是一个典型的排列组合问题,从n个人选出k个,可…

    2022年5月22日
    30
  • JavaScript小白教程6JS高级教程

    JavaScript小白教程6JS高级教程JavaScript对象所有事物都是对象JavaScript提供多个内建对象,比如String、Date、Array等等。对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。

    2022年8月4日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号