喜欢vscode是因为如下几个优点:轻量级、跨平台、插件丰富、代码跟踪功能等。
记录下自己常用的配置方法。
查看该系统版本的vscode的所有“键盘快捷方式”在标题栏“帮助-键盘快捷方式”:Ctrl + k r
一、配置显示语言
1.快捷键:Ctrl + shift + p,然后输入“Configure Display Language”
![](https://img-blog.csdnimg.cn/c16b215916134cb4875f140b330c90af.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
2.选择已安装的语言插件,如未安装,安装上所需语言插件接口,中文如下
![](https://img-blog.csdnimg.cn/7f3b2a6c375f4829aebeceb105bdd5a0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
二、连接远程服务器
1.安装所需插件
![](https://img-blog.csdnimg.cn/740287a83a654986afd91e25f7e24b7a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
2.快捷键:Ctrl + Shift + p,然后输入“connect to host”
![](https://img-blog.csdnimg.cn/858ff2d3fac94b1d9b442c1c789568df.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
3.配置Hosts
![](https://img-blog.csdnimg.cn/7b45a7216e8b4cc4918d1d5520ebd39b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/2f979383b0a644da89b91a605d442602.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
文件配置如下所示:
Host 192.168.2.165
HostName 192.168.2.165
User ubuntu
Port 22
IdentitiesOnly yes
三、颜色主题设置
1.安装主题插件 -- One Dark Pro
![](https://img-blog.csdnimg.cn/72bd664067854d1f9f6735edfcb2182a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
2.然后快捷键“Ctrl + k t”,输入刚刚安装的主题插件:One Dark Pro,选上即可。
![](https://img-blog.csdnimg.cn/39ab89082bd042b7a7b4f75b6ea9f8f9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
One Dark Pro 效果如下:
![](https://img-blog.csdnimg.cn/081e05fad774454c9220feef70960d8b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAX19CZW5jbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
四、还有个实用方法,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
”如下所示
![](https://img-blog.csdnimg.cn/c3c872577257488488094c02e12e8572.png)
2.修改:editor.rulers": [80]或[120],如下所示
![](https://img-blog.csdnimg.cn/6eaef11b4c3540f798975bf535ed7ef4.png)
vscode技巧将不定期更新,待续...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)