vscode编辑器的设置和使用

一、下载地址

https://code.visualstudio.com/

二、安装vscode

1、安装node
vscode结合node才能很好的运作

2、安装vscode

三、插件下载

1、html,css,js代码格式化插件
JS-CSS-HTML Formatter美化插件
一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。

2、PHP美化插件
格式化php代码
需要安装php7.0以上配置，然后将路径引入vscode php插件配置中
（1）phpfmt - php formatter
（2）php cs fixer

3、Vue插件
（1）vetur。注意需要设置4个空格

“vetur.format.options.tabSize”: 4,

    "vetur.format.options.tabSize": 4,
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline",
            "indent_size": 4,
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },

四、个人爱好设置

1、字体设置
安装和设置字体：Hack
注意：hack字体需要个人下载，并且安装

2、关闭选中的这一行背景
“editor.renderLineHighlight”: “none”

3、括号小方框去掉办法
“editor.matchBrackets”: false

4、DOS终端字体间距太大
（1）去文件-首选项-设置里修改。
“terminal.integrated.fontFamily”: “”
注意此处默认为空白，所以显示的就比较奇怪。
改为"terminal.integrated.fontFamily": “monospace”，

五、vscode常用快捷键

Ctrl + N 新建文件
Alt + 上/下箭头 行上下移动
Shift + Alt + 上/下箭头 上或者下的复制当前行
Alt + 上/下箭头 当前行上下移动
Ctrl + Shift + K 删除行
Alt + Click 插入光标-支持多个
Ctrl + ` 打开集成终端

Ctrl + Shift + ` 创建一个新的终端
Ctrl + ] 或 [ 行缩进

Home 光标跳转到行头
End 光标跳转到行尾
Ctrl + Home 跳转到页头
Ctrl + End 跳转到页尾

Ctrl + O 打开文件
Ctrl + S 保存文件
Ctrl + Shift + S 另存为
Ctrl+P 快速打开最近打开的文件
Ctrl + G 跳转行
Ctrl+Shift+W 关闭编辑器
Ctrl + F 查询
Ctrl + H 替换

Ctrl + up/down 行视图上下偏移
Alt + PgUp/PgDown 屏视图上下偏移

Ctrl + I 选中当前行
Ctrl + W 关闭当前页面
Ctrl + |切割编辑窗口