vscode常用设置

喜欢vscode是因为如下几个优点:轻量级、跨平台、插件丰富、代码跟踪功能等。

记录下自己常用的配置方法。

查看该系统版本的vscode的所有“键盘快捷方式”在标题栏“帮助-键盘快捷方式”:Ctrl + k r

一、配置显示语言

1.快捷键:Ctrl + shift + p,然后输入“Configure Display Language

2.选择已安装的语言插件,如未安装,安装上所需语言插件接口,中文如下

vscode常用设置_第1张图片

二、连接远程服务器

1.安装所需插件

vscode常用设置_第2张图片

 2.快捷键:Ctrl + Shift + p,然后输入“connect to host

 3.配置Hosts

vscode常用设置_第3张图片

vscode常用设置_第4张图片

文件配置如下所示:

 Host 192.168.2.165
    HostName 192.168.2.165
    User ubuntu
    Port 22
    IdentitiesOnly yes

三、颜色主题设置

1.安装主题插件 -- One Dark Pro

vscode常用设置_第5张图片

 2.然后快捷键“Ctrl + k t”,输入刚刚安装的主题插件:One Dark Pro,选上即可。

vscode常用设置_第6张图片

 One Dark Pro 效果如下:

vscode常用设置_第7张图片

四、还有个实用方法,vscode格式化代码的快捷键如下:
1. Windows:Shift + Alt + F
2. Ubuntu:Ctrl + Shift + I

但是自带的格式化并不能满足我的需求,这个时候,不得不说插件大法好。
A、代码格式化为eslint风格需要插件:ESLint
B、HTML格式化代码缩进需要插件:Vetur

五、vscode保存文件时自动删除行尾空格

        快捷键“Ctrl + ,”进入设置,输入“files.trimTrailingWhitespace”,打勾选中,即可使vscode在保存文件时自动删除行尾空格。

六、vscode显示120字符或者80字符提示线

1.打开设置或者“Ctrl + ,”,在设置中搜索“editor.rulers”如下所示

vscode常用设置_第8张图片

 2.修改:editor.rulers": [80]或[120],如下所示

vscode常用设置_第9张图片

 vscode技巧将不定期更新,待续...

你可能感兴趣的:(vscode操作技巧,vscode,ide,visual,studio,code)