vscode使用

#主要分为如下部分：

1. 经常使用快捷键
2. 软件设置
3. 语言支持
4. git支持
5. 拓展安装（主题和图标设置 ）

小提示：

1. 熟练使用方向键，将提升编辑文件操做速度
2. 官方帮助文档

一、经常使用快捷键

彻底快捷键请查看文件vscode快捷键

选中一个单词  
    Ctrl + D 
选中一行  
    Ctrl + I 
放大缩小页面
    Ctrl + +，Ctrl + -
已打开文件之间的切换  
    Ctrl + PageDown，Ctrl + PageUp  
打开文件
    Ctrl + P（输入?，能够给出帮助）
自动删除行尾空白符  
    Ctrl + K，Ctrl + X  
自动代码格式化
    Ctrl + Shift + F
打开控制台
    Ctrl + `
打开命令面板
    Ctrl + Shift + P 
打开日志输出面板
    Ctrl + Shift + U
打开调试面板
    Ctrl + Shift + Y
关闭当前标签页
    Ctrl + W
开关侧边栏  
    Ctrl + B  
侧边栏快捷键  
   Ctrl + Shift + E，F，G，D，X打开资源管理器（Explorer），全局搜索（Find），Git，调试（Debug），拓展（External）  
经常使用的简单的
    Ctrl + F
    Ctrl + H
    Ctrl + O
    Ctrl + S
    Ctrl + Shift + S

##二、软件设置 点击菜单栏 文件-首选项-工做区设置（用户设置，全部的设置选项同样，只不过用户区设置是对当前用户生效，工做区设置只对当前文件夹生效）
里面能够设置字体，操做方式等等
如下是个人经常使用设置

{
        "editor.fontSize": 20, // 字体设置
        "editor.rulers": [80, 120], // 标尺，用于提示本身一行尽可能不超过80字符，最多不超过120字符
        "editor.detectIndentation": true, // 自动检测tab占几个空格
        "editor.wrappingColumn": 120, // 超过120个字符强制换行
        "editor.quickSuggestionsDelay": 0, // 0ms后显示智能提示
        "editor.mouseWheelZoom": true, // 鼠标滚轮放大缩小主界面
        "editor.renderWhitespace": "all", // 显示全部空白字符
        "editor.renderControlCharacters": true, // 显示全部控制字符
        "editor.renderIndentGuides": true, // 显示大括号的自动对齐线
        "files.trimTrailingWhitespace": true, // 保存文件时，自动删除删除行尾空格
        "files.autoSave": "on", // 自动保存
        "files.autoSaveDelay": 1000 // 1000ms后自动保存
}

##三、语言支持 彻底调试请看js语言支持 此部分主要简单讲解一下使用vscode进行调试nodejs）
test.js

let test = "this is just a test";
console.log(test);

按下F5，选择Nodejs，会出现如下文件
lauch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "program": "${workspaceRoot}\\test.js", // test.js 表明须要调试时将要执行的文件
            "cwd": "${workspaceRoot}",
            "outFiles": [],
            "sourceMaps": true
        },
        {
            "type": "node",
            "request": "attach",
            "name": "附加到进程",
            "port": 5858,
            "outFiles": [],
            "sourceMaps": true
        }
    ]
}

##四、git支持 git的支持也很简单的，主要就是对于文件的diff，以及将文件的修改暂存起来
Ctrl + Enter会直接将暂存的修改Commit到本地仓库，而后push到git服务器

##五、拓展安装（主题和图标设置 ） Ctrl + Shift + X打开插件商店，输入react，能够看到以下图界面，点击安装便可 查找主题或者图标则输入tag:theme或者tag:icon-theme

#总结： vscode是一款至关出色的编辑器，是开发前端的得力助手，其插件拓展十分的有用。