vscode使用记录

Posted marvelousone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode使用记录相关的知识,希望对你有一定的参考价值。

插件

vetur  针对Vue.js框架,提供代码风格和语法提示

javascript Snippet Pack,针对js的插件,包含了js的常用语法关键字,很实用;

vs color picker 写CSS颜色代码工具。使用:按#就出现了。比color pick好用一点

KoroFileHeader  文件注释和函数注释
easy sass sass转换css、 min.css工具
Live server

live server 为静态和动态页面启动具有实时重新加载功能的开发本地服务器

问题

vscode配置插件时候不能正确跳转json

C:UsersXXXX.vscodeextensions

从这里手动配置json


 VS code快捷键
1、注释:

  a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/

  b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)

  c) 多行注释:[alt+shift+A]

  d) 多行注释:/**

2、移动行:alt+up/down

3、显示/隐藏左侧目录栏 ctrl + b

4、复制当前行:shift + alt +up/down

5、删除当前行:shift + ctrl + k

6、控制台终端显示与隐藏:ctrl + ~

7、查找文件/安装vs code 插件地址:ctrl + p

8、代码格式化:shift + alt +f

9、新建一个窗口: ctrl + shift + n

10、行增加缩进: ctrl + [

11、行减少缩进: ctrl + ]

12、裁剪尾随空格(去掉一行的末尾那些没用的空格) : ctrl + shift + x

13、字体放大/缩小: ctrl + ( + 或 - )

14、拆分编辑器 :ctrl + 1/2/3

15、切换窗口:  ctrl + shift + left/right

16、关闭编辑器窗口:  ctrl + w

17、关闭所有窗口 : ctrl + k + w

18、切换全屏 :F11

19、自动换行:  alt + z

20、显示git:   ctrl + shift + g

21、全局查找文件:ctrl + p

22、显示相关插件的命令(如:git log):ctrl + shift + p

23、选中文字:shift + left / right / up / down

24、折叠代码: ctrl + k + 0-9 (0是完全折叠)

25、展开代码: ctrl + k + j (完全展开代码)

26、删除行 : ctrl + shift + k

27、快速切换主题:ctrl + k / ctrl + t

28、快速回到顶部 : ctrl + home

29、快速回到底部 : ctrl + end

30、格式化选定代码 :ctrl + k / ctrl +f

31、选中代码 : shift + 鼠标左键

32、多行同时添加内容(光标) :ctrl + alt + up/down

33、全局替换:ctrl + shift + h

34、当前文件替换:ctrl + h

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

36、打开新的命令窗:ctrl + shift + c

以上是关于vscode使用记录的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

#VSCode保存插件配置并使用 gist 管理代码片段

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段——声明函数

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段1——vue主模板