vscode的使用教程
vscode 使用入门
安装
vscode是微软推出的一款轻量编辑器，采取了和vs相同的ui界面，搭配合适的插件可以优化前端开发的体验。
html snippets：增强了zen-coding，增加了h5的自动补全，安装后每次打开自动启用（可能与其他插件冲突）。
下载：点我去下载
安装：双击即可安装，根据需要选择即可。
配置
ctrl + shift + p 或 f1 打开命令面板（也可以使用 查看-》命令面板打开）；
输入 user set 后按回车打开用户配置；
使用 “editor.fontfamily”：“consolas， ‘courier new’， monospace” 选择字体样式，默认为“consolas， ‘courier new’， monospace”；使用 editor.fontsize“：14 控制字体大小，默认为14；使用 ”editor.wrappingcolumn“：0使文本自动换行，默认为300；在左侧的默认配置中会有详细的中文描述，配置文件是json格式的文本文档。
插件
ctrl + shift + p 或 f1 打开扩展面板，输入 install 后按回车打开扩展安装面板；或点击侧边栏的最后一个按钮；或使用ctrl + shift + x命令打开；或使用 查看-》扩展打开扩展面板。
在对话框中输入［string ］@sort:installs可以根据下载量排序查看，选择所需插件，单击安装即可。
@sort:installs：根据下载量排序查看所有插件，asc 升序排列，desc 降序排列。
@sort:rating ：分级查看，asc 升序排列，desc 降序排列。
string可以为空
推荐插件：
c/c++：添加c/c++支持，包括但不限于自动补全
python：自动缩进，补全，查错，debug，代码格式化等等
beautify：格式化html，css，js
vscode-icons：一款很火的图标主题
html snippets：可以在不输入 《 的情况下提示
view in browser：在浏览器中打开 html 文件
crane - php intellisense：php代码的自动补全插件
jquery code snippets：一款jquery重度患者的插件
debugger for chrome ：调试javascript
git history：显示git log和line history
git 的使用
需要本机已经安装 git
无需安装插件，单机侧边栏的第三个图标即可进行 add、commit、push、pull。（或者使用ctrl+shift+g打开，或使用 查看-》git 打开git）
主题更换
图标主题：ctrl+shift +p 打开命令面板，输入 icon theme 后回车，选择一个即可。
颜色主题：ctrl+shift +p 打开命令面板，输入 color theme 后回车，选择一个即可。
跳转
跳转到文件：ctrl+p。
跳转到符号：ctrl+shift+o，可以跳转到文件中的方括号、大括号等等。
跳转到行：ctrl+g，可以跳转到指定行。
debug
使用ctrl+d 打开debug面板。
可以根据需要配置launch.json
常用功能
emmet：使用 tab 自动补全html标签
markdown preview：使用 ctrl + shift + v预览markdown文件
使用shift + alt + up/down可以向上/下复制选中内容或者当前行
vscode的使用教程 2.常用插件：
view in browser
- 预览页面（ctrl+f1）
vscode-icons
- 侧栏的图标，对于一个有视觉强迫症的人是必须要的
html snippets
- 支持html5的标签提示
html css support
- css自动补齐
js-css-html formatter
格式化
jquery code snippets
jquery 自动提示
path autocomplete
- 路径自动补齐
npm intellisense
- npm包代码提示
eslint
- 检测js必备
debugger for chrome
- 方便调试
auto rename tag
- 自动同步修改标签
bootstrap 3 snippets
- bootstrap必备
vue 2 snippets
- vue必备
background
- 一个萌萌的插件，可以自己设置vsc的背景图
3.常用快捷键
（在快捷键部分， ⌘ 指 command 键，⇧ 指 shift 键，⌃ 指 control 键，⌥ 指 option/alt 键。）
这里主要就是实验f1上的快捷键，一些我认为没用的我就不列出来了。
向上（下）复制行 shift + alt + top（down）
向上（下）移动行* alt + top（down）*
新建一个窗口 ctrl + shift + n
行增加缩进： ctrl + ［
行减少缩进 * ctrl + ］**
裁剪尾随空格（去掉一行的末尾那些没用的空格）： ctrl + shift + x
强烈建议把这个启用，这样保存的时候就会自动删掉那些没用的空格，在很多公司的代码规范里都是不允许存在这些空格的。
显示隐藏侧边栏：ctrl + b
拆分编辑器（最多拆分成三块）：ctrl + /按ctrl + 1（2，3）就可以在拆分后的编辑器里切换
方法缩小ctrl +（-）
关闭编辑器 ctrl + w（f4）
切换编辑器 ctrl + shift + left（right）
也可以用 ctrl+1（2，3）
显示和隐藏侧边栏 ctrl + b
切换全屏 f11
切换自动换行 alt + z
显示git ctrl + shift + g
前提是你的项目必须是一个git项目
这个还是很有用的，有时候我们的屏幕不够大，可是代码没有自动换行，所以被遮住的代码就会看不到，但是你用这个快捷键就可以换行看到了。这个我是在用户设置里面设置成自动换行的。
修改用户设置
把默认的用户设置成适合我们自己的还是很重要的。
也很简单，文件 – 首选项 – 用户设置，然后出来左边的默认设置是不能改的，需要在右边settings.json中覆盖。
修改快捷键
文件 – 首选项 – 键盘快捷方式，和修改用户设置的时候一样，找到你要修改的快捷键名字，右边覆盖就可以了，一些还没有绑定快捷键的功能可以在左边的最下面看到，然后快捷键的名字就是这个。
采用NSAT-9000-17电池充放电自动测试系统对电池性能进行评估
面对市场鱼龙混杂的各种坐席系统，该如何选择
华为、龙芯和统信等抱团发展国产OS
用于穿戴式运动捕捉的差分式柔性应变传感器
气体继电器动作原因及判断技巧
vscode的使用教程
胡润最新独角兽榜：总数上升至151家中国每三天一家新独角兽
智芯传感输液泵压力传感器 为精准智能控制注入科技“强心剂”
广电媒体面临什么挑战
怎样给割草机装上太阳能
关键电源及LED照明应用的最新高能效规范要求、设计挑战及解决
AMG-Microwave天线的特征
AMD处理器在德国市场大受欢迎
魅族:正确的事情做到极致，盈利也如此
国巨新一代触觉致动器让虚拟触感更多元!
Mesh无线自组网针对各种无线传输的应用
TUM&谷歌提出md4all：挑战性条件下的单目深度估计
骨传导耳机到底好在哪里？这几个优点你得知道
能源管控信息系统,能源托管,能效分析系统,源中瑞Dave
曾经中国最强外包公司开启数字化转型,能否吃下32万亿大蛋糕?
安装
vscode是微软推出的一款轻量编辑器，采取了和vs相同的ui界面，搭配合适的插件可以优化前端开发的体验。
html snippets：增强了zen-coding，增加了h5的自动补全，安装后每次打开自动启用（可能与其他插件冲突）。
下载：点我去下载
安装：双击即可安装，根据需要选择即可。
配置
ctrl + shift + p 或 f1 打开命令面板（也可以使用 查看-》命令面板打开）；
输入 user set 后按回车打开用户配置；
使用 “editor.fontfamily”：“consolas， ‘courier new’， monospace” 选择字体样式，默认为“consolas， ‘courier new’， monospace”；使用 editor.fontsize“：14 控制字体大小，默认为14；使用 ”editor.wrappingcolumn“：0使文本自动换行，默认为300；在左侧的默认配置中会有详细的中文描述，配置文件是json格式的文本文档。
插件
ctrl + shift + p 或 f1 打开扩展面板，输入 install 后按回车打开扩展安装面板；或点击侧边栏的最后一个按钮；或使用ctrl + shift + x命令打开；或使用 查看-》扩展打开扩展面板。
在对话框中输入［string ］@sort:installs可以根据下载量排序查看，选择所需插件，单击安装即可。
@sort:installs：根据下载量排序查看所有插件，asc 升序排列，desc 降序排列。
@sort:rating ：分级查看，asc 升序排列，desc 降序排列。
string可以为空
推荐插件：
c/c++：添加c/c++支持，包括但不限于自动补全
python：自动缩进，补全，查错，debug，代码格式化等等
beautify：格式化html，css，js
vscode-icons：一款很火的图标主题
html snippets：可以在不输入 《 的情况下提示
view in browser：在浏览器中打开 html 文件
crane - php intellisense：php代码的自动补全插件
jquery code snippets：一款jquery重度患者的插件
debugger for chrome ：调试javascript
git history：显示git log和line history
git 的使用
需要本机已经安装 git
无需安装插件，单机侧边栏的第三个图标即可进行 add、commit、push、pull。（或者使用ctrl+shift+g打开，或使用 查看-》git 打开git）
主题更换
图标主题：ctrl+shift +p 打开命令面板，输入 icon theme 后回车，选择一个即可。
颜色主题：ctrl+shift +p 打开命令面板，输入 color theme 后回车，选择一个即可。
跳转
跳转到文件：ctrl+p。
跳转到符号：ctrl+shift+o，可以跳转到文件中的方括号、大括号等等。
跳转到行：ctrl+g，可以跳转到指定行。
debug
使用ctrl+d 打开debug面板。
可以根据需要配置launch.json
常用功能
emmet：使用 tab 自动补全html标签
markdown preview：使用 ctrl + shift + v预览markdown文件
使用shift + alt + up/down可以向上/下复制选中内容或者当前行
vscode的使用教程 2.常用插件：
view in browser
- 预览页面（ctrl+f1）
vscode-icons
- 侧栏的图标，对于一个有视觉强迫症的人是必须要的
html snippets
- 支持html5的标签提示
html css support
- css自动补齐
js-css-html formatter
格式化
jquery code snippets
jquery 自动提示
path autocomplete
- 路径自动补齐
npm intellisense
- npm包代码提示
eslint
- 检测js必备
debugger for chrome
- 方便调试
auto rename tag
- 自动同步修改标签
bootstrap 3 snippets
- bootstrap必备
vue 2 snippets
- vue必备
background
- 一个萌萌的插件，可以自己设置vsc的背景图
3.常用快捷键
（在快捷键部分， ⌘ 指 command 键，⇧ 指 shift 键，⌃ 指 control 键，⌥ 指 option/alt 键。）
这里主要就是实验f1上的快捷键，一些我认为没用的我就不列出来了。
向上（下）复制行 shift + alt + top（down）
向上（下）移动行* alt + top（down）*
新建一个窗口 ctrl + shift + n
行增加缩进： ctrl + ［
行减少缩进 * ctrl + ］**
裁剪尾随空格（去掉一行的末尾那些没用的空格）： ctrl + shift + x
强烈建议把这个启用，这样保存的时候就会自动删掉那些没用的空格，在很多公司的代码规范里都是不允许存在这些空格的。
显示隐藏侧边栏：ctrl + b
拆分编辑器（最多拆分成三块）：ctrl + /按ctrl + 1（2，3）就可以在拆分后的编辑器里切换
方法缩小ctrl +（-）
关闭编辑器 ctrl + w（f4）
切换编辑器 ctrl + shift + left（right）
也可以用 ctrl+1（2，3）
显示和隐藏侧边栏 ctrl + b
切换全屏 f11
切换自动换行 alt + z
显示git ctrl + shift + g
前提是你的项目必须是一个git项目
这个还是很有用的，有时候我们的屏幕不够大，可是代码没有自动换行，所以被遮住的代码就会看不到，但是你用这个快捷键就可以换行看到了。这个我是在用户设置里面设置成自动换行的。
修改用户设置
把默认的用户设置成适合我们自己的还是很重要的。
也很简单，文件 – 首选项 – 用户设置，然后出来左边的默认设置是不能改的，需要在右边settings.json中覆盖。
修改快捷键
文件 – 首选项 – 键盘快捷方式，和修改用户设置的时候一样，找到你要修改的快捷键名字，右边覆盖就可以了，一些还没有绑定快捷键的功能可以在左边的最下面看到，然后快捷键的名字就是这个。
采用NSAT-9000-17电池充放电自动测试系统对电池性能进行评估
面对市场鱼龙混杂的各种坐席系统，该如何选择
华为、龙芯和统信等抱团发展国产OS
用于穿戴式运动捕捉的差分式柔性应变传感器
气体继电器动作原因及判断技巧
vscode的使用教程
胡润最新独角兽榜：总数上升至151家中国每三天一家新独角兽
智芯传感输液泵压力传感器 为精准智能控制注入科技“强心剂”
广电媒体面临什么挑战
怎样给割草机装上太阳能
关键电源及LED照明应用的最新高能效规范要求、设计挑战及解决
AMG-Microwave天线的特征
AMD处理器在德国市场大受欢迎
魅族:正确的事情做到极致，盈利也如此
国巨新一代触觉致动器让虚拟触感更多元!
Mesh无线自组网针对各种无线传输的应用
TUM&谷歌提出md4all：挑战性条件下的单目深度估计
骨传导耳机到底好在哪里？这几个优点你得知道
能源管控信息系统,能源托管,能效分析系统,源中瑞Dave
曾经中国最强外包公司开启数字化转型,能否吃下32万亿大蛋糕?