Vscode使用操作

1、修改背景颜色快捷键:ctrl+k   ctel+t

2、修改背景颜色:

Vscode使用操作_第1张图片

3、安装svn:

Vscode使用操作_第2张图片

4、安装中文简体:chinese

5、修改字体大小:

Vscode使用操作_第3张图片

Vscode使用操作_第4张图片

7、 插件:Auto Close Tag(自动闭合HTML/XML标签)

8、 插件:Auto Rename Tag(自动完成另一侧标签的同步修改)

9、 插件:Beautify(格式化代码,值得注意的是)

10、 插件:Bracket Pair Colorizer(给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色)

11、 插件:Debugger for Chrome(映射vscode上的断点到chrome上,方便调试)

12、 插件:ESLint(js语法纠错)

13、 插件:HTML CSS Support(智能提示CSS类名以及id )

14、 插件:HTML Snippets(自动闭合HTML/XML标签)

15、 插件:JavaScript(ES6) code snippets(ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间)

16、 插件:jQuery Code Snippets(jQuery代码智能提示)

17、 插件:open in browser(vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari)

18、 插件:Path Intellisense(自动提示文件路径,支持各种快速引入文件)

19、 插件:React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)

20、 插件:Vetur(Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。)

21、 插件:Auto Close Tag(自动闭合HTML/XML标签)

22、 插件:Auto Close Tag(自动闭合HTML/XML标签)

23、 插件:Auto Close Tag(自动闭合HTML/XML标签)

24、设置代码缩进:去菜单栏选择 code - 首选项 - 设置 - 搜索 detectIndentation

25、左侧目录缩进:

Vscode使用操作_第5张图片

26、Svn下载代码:

  1. 在电脑固定位置下载svn项目
  2. 在vscode中打开改svn项目
  3. 修改(修改后,会在目录后方自动增加点)
  4. Vscode使用操作_第6张图片
  5. 提交:
  6.   Vscode使用操作_第7张图片
  7. 运行代码:
  8. Vscode使用操作_第8张图片

27、代码对齐快捷键 :

Shift  +  Alt  + F     实现代码的对齐;

28、快速找文件:

ctrl + p

 

 

 

 

你可能感兴趣的:(vscode)