当前位置:   article > 正文

vscode常用设置_vscode设置

vscode设置

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

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

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

一、配置显示语言

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

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

二、连接远程服务器

1.安装所需插件

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

 3.配置Hosts

文件配置如下所示:

  1.  Host 192.168.2.165
  2.     HostName 192.168.2.165
  3.     User ubuntu
  4.     Port 22
  5.     IdentitiesOnly yes

三、颜色主题设置

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

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

 One Dark Pro 效果如下:

四、还有个实用方法,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”如下所示

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/657367
推荐阅读
相关标签
  

闽ICP备14008679号