vscode

vscode下载手机版官方是一款非常强大的跨平台免费源代码编辑器，它的功能非常丰富，包括语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性。同时，它还集成了终端模拟器，支持从DOM渲染方式到Canvas的优化，开发者可以体验到快速的运行效果。

软件特色

高性能编辑器

多语言支持

构建工程

自定义工程

自定义打包脚本

强大的插件支持

代码格式化

vscode常见需要安装的插件

1、Auto Close Tag

自动闭合HTML/XML标签

2、Auto Rename Tag

自动完成另一侧标签的同步修改

3、Beautify

格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则

4、open in browser

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

5、JavaScript（ES6） code snippets

ES6语法智能提示，以及快速输入，不仅仅支持js，还支持。ts，jsx，tsx，html，vue，省去了配置其支持各种包含js代码文件的时间

使用攻略

要想在移动端调试，首先得本地起一个服务，这时候就用到了live server 插件；

下载完成之后，点击VsCode左上角文件 —>打开文件夹 —> 选择目标文件夹

打开对应html文件后，鼠标右键 —> open with Live Server (停止就点击stop Live Server) [快捷键（Alt+L）+(Alt+O)]

此时浏览器已正常打开页面；

附：如果没有正常打开页面，打开设置，搜索 live server 查看这个是否被打开了（这个要关掉）

打开设置页面，搜索Live Server，找到Liver Server -->host,进入设置；

注意：打开cmd 输入 ipconfig，查询自己本机ip，选择下面的那个IPv4地址；

在Google拓展程序里搜索The QR Code Extension，安装此拓展程序，可以很方便的为页面生成二维码，手机扫描二维码即可

将下载的文件名后缀改为.rar，解压成一个独立的文件夹，之后打开Chrome-->设置-->扩展程序-->加载已解压的扩展程序，选择之前那个独立的文件夹即可，搜索栏后方就会出现一个二维码标志，点击出现当前页面的二维码标志，手机扫描后，就能在手机端看到。

vscode常用快捷键

一、主命令

1、F1 或 Ctrl+Shift+P：俗称万能键，可以输入任何命令。

2、Ctrl+P：根据名称查找文件，如下图。当前模式下输入 > 可以进入 Ctrl+Shift+P 模式。

3、Ctrl+P模式下可以通过输入符号来进行快捷方式查找转换，如下：

“?” 列出当前可执行的动

“!” 显示 Errors 或 Warnings ，也可以使用 Ctrl+Shift+M 进入，相当于控制面板的PROBLEMS

“:” 跳转到行数，也可以使用 Ctrl+G 直接进入

“#” 根据名字查找symbol，也可以 Ctrl+T

“@” 跳转到symbol（搜索当前页面的标签、变量、属性、类名、函数等），也可以 Ctrl+Shift+O 直接进入

 “@:” 跳转到symbol（分类搜索当前页面的标签、变量、属性、类名、函数等），也可以 Ctrl+Shift+O 后输入 : 进入

二、常用快捷键

编辑器与窗口管理

Ctrl+N： 新建文件

Ctrl+Shift+N：打开一个新的VSCode编辑器

Ctrl+O：打开文件

Ctrl+Shift+O：打开文件夹

Ctrl+W：关闭当前文件

Ctrl+Shift+W 或 Alt+F4：关闭当前VSCode编辑器

Ctrl+\：新建窗口显示代码（相当于复制当前代码到一个新的窗口；同一引用，修改一个文件，其他相同文件会一起改变）

Ctrl+Alt+→：移动当前文件到右窗口，若没有右窗口，则创建一个新窗口

Ctrl+Alt+←：移动当前文件到左窗口

Ctrl+Tab：切换文件窗口

Ctrl+B：显示/隐藏侧边栏

Ctrl+`：显示/隐藏控制面板（Terminal）（反引号位置：英文输入法状态下，键盘ESC按键下面的按键）

Ctrl +/- ：放大/缩小编辑器窗口

F11：全屏显示

Ctrl+Shift+E：文件资源管理器（Explorer）

Ctrl+Shift+G：git管理窗口（Source Control）

Ctrl+Shift+X：扩展（插件）管理窗口（Extentions）

代码查找替换与格式调整

Ctrl+F：查找

Ctrl+H：查找替换

Ctrl+Shift+F：全局查找

Ctrl+Shift+H：全局查找替换

Ctrl+D：选中下一个匹配项

Ctrl+Shift+L：选中所有匹配项（秀儿）

Ctrl+[ ：向左缩进

Ctrl+] ：向右缩进

Alt+Up：向上移动当前行

Alt+Down：向下移动当前行

Shift+Alt+Up：向上复制当前行

Shift+Alt+Down：向下复制当前行

Ctrl+Enter：在当前行下方插入空行（光标位置可以不在行尾）

Ctrl+Shift+Enter：在当前行上方插入空行（光标位置可以不在行尾）

Alt+Z：切换内容是否自动换行（底部显示/隐藏滚动条

光标操作

Home：光标移动到行首

End：光标移动到行尾

Ctrl+Home：光标移动到文件开头（左上）

Ctrl+End：光标移动到文件结尾（右下）

Shift+Home：选择从光标到行首的内容

Shift+End：选择从光标到行尾的内容

Shift+Alt+Right：扩大选中范围

Shift+Alt+Left：缩小选中范围

Alt+Shift+鼠标左键：同时选中编辑多行多列代码（秀儿）

Ctrl+Alt+Up：向上复制光标

Ctrl+Alt+Down：向下复制光标

Ctrl+U：回退到上一个光标处

F12：转到定义处

Alt+F12：查看定义处缩略图

三、查看全部快捷键

Ctrl+K Ctrl+S：查看VSCode中全部快捷键

Ctrl+K Ctrl+R：查看keyboard-shortcuts-windows.pdf

软件亮点

认识IntelliSense。

借助IntelliSense超越了语法突出显示和自动完成功能，它基于变量类型，函数定义和导入的模块提供了智能完成功能。

调试

打印语句调试已成为过去。

直接在编辑器中调试代码。启动或附加到正在运行的应用程序，并使用断点，调用堆栈和交互式控制台进行调试。

吉特

与Git和其他SCM提供商合作从未如此简单。直接在编辑器中检查差异，暂存文件并进行提交。从任何托管的SCM服务中推入和拉出。

软件功能

远程仓库：加载git代码，就像本地打开工程一样。

笔记本：笔记本是包含丰富Markdown，可执行代码片段，和富文本的文档。

Github代码管理：直接从VSCode中协作，评论，审查和Github拉取请求。

扩展：通过扩展可以实现快速的安装与使用官方或三方插件。

丰富的代码导航体验：它使开发人员能够在他们编写源代码的同一地点查看源代码。

文件图标主题：开发者可以使用扩展下载并应用文件或文件夹的主题包。