美文网首页🌏Web前端开发
No.2 VSCode简单配置、快捷键

No.2 VSCode简单配置、快捷键

作者: testleaf | 来源:发表于2019-12-30 20:28 被阅读0次

一、VSCode简单配置

1.VSCode设置成中文

1)打开VSCode,按快捷键Ctrl+Shift+P;
2)在顶部搜索框中输入configure language,按回车键;
3)将en修改成zh-cn,重启VSCode;

2.VSCode自动保存

勾选自动保存

3.VSCode用浏览器打开页面

安装open in browser插件
右键点击要打开的页面,Open In Default Browser与Open In Other Browsers可使用

4.设置当我们保存页面的时候自动格式化代码

1)文件 →首选项 →设置;
2)搜索emmet.include;
3)在settings.json下的【工作区设置】中添加以下语句:
"editor.formatOnType": true,
"editor.formatOnSave": true
4)若勾选自动保存,要想格式化代码时,按Ctrl+S即可;
5)CSS格式化代码需添加插件


添加CSS Formatter插件

5.修改快捷键

VSCode→文件→首选项→键盘快捷方式→查找原来的快捷键→修改为新的快捷键→回车确认;

二、VSCode快捷键

快捷键 功能
Ctrl + N 新建文件
Ctrl + S 保存
Ctrl + H 替换
Ctrl + 加号键 放大视图
Ctrl + 减号键 缩小视图
Ctrl + / 注释语句
Alt + B Open In Default Browser
Shift + Alt + B Open In Other Browsers
Shift + Alt + F 格式化文档

Shift+Alt按住不松开,鼠标往下拖,多行相同位置编辑相同文字。

相关文章

  • No.2 VSCode简单配置、快捷键

    一、VSCode简单配置 1.VSCode设置成中文 1)打开VSCode,按快捷键Ctrl+Shift+P;2)...

  • Go IDE

    VSCode 配置VSCode支持Go语言特性 VSCode中使用快捷键Ctrl+Shift+P进行安装界面,输入...

  • VSCode 调试Jest

    VSCode 调试Jest 添加配置 test文件 按F5快捷键

  • 第一章 初次接触vscode

    目录 第一章 初次接触vscode第二章 vscode快捷键的使用第三章 vscode的界面配置 前言 vscod...

  • 新电脑配置

    通用配置 Git 新建快捷键 显示内容 VScode 通用插件 Chinese GitLens Git Histo...

  • 第二章 vscode快捷键的使用

    目录 第一章 初次接触vscode第二章 vscode快捷键的使用第三章 vscode的界面配置 前言 因为之前一...

  • vsCode 快捷键

    vsCode的快捷键: 非常全的VsCode快捷键 - CSDN博客

  • VSCode 安装和配置

    VSCode 安装和配置由于VSCode性能强大,插件生态丰富,同时对团队内的主流语言和快捷键习惯都有良好的支持,...

  • 第三章 vscode的界面配置

    目录 第一章 初次接触vscode第二章 vscode快捷键的使用第三章 vscode的界面配置 前言 每个人都有...

  • 第四章 vscode作为Markdown编辑器

    目录 第一章 初次接触vscode第二章 vscode快捷键的使用第三章 vscode的界面配置第四章 vscod...

网友评论

    本文标题:No.2 VSCode简单配置、快捷键

    本文链接:https://www.haomeiwen.com/subject/ybzmoctx.html