前言:
之前一直使用的编辑器是phpstorm,使用挺满意的,但好长时间一直难受的是elementUi的html自定义标签不被识别,满屏的红色横线看着太难受,找了好多帖子,包括国外的讨论说是有其他插件影响,都尝试了个遍还是没有解决。。。
又不想掩耳盗铃式的直接禁用掉陌生标签提醒,今天想了想,直接换编辑器吧,干脆直接安装了一个vscode。下面说点基本配置,主要是希望和原来使用的phpstorm界面风格相近一点,要不看着好不习惯。
一、设置中文
1.打开vscode ,按快捷键“Ctrl+Shift+P”,接着输入configure language,回车
2.选择安装其他语言
也不可以不用以上两个步骤,直接在左侧按钮菜单点击我下图标注1的那个图标,然后在搜索栏输入:@category:"language packs"
如上图,图中2所框出来的就是简体中文,点击安装(install)
安装完成后按提示重启
再次按前面的第一步1和2第二步,选择zh-cn,按提示重启。。设置中文成功。
二、主题效果图
主题、字体、图标各推荐2款我觉得效果比较好的,下面请看效果图(点击图片可放大预览):
三、安装
主题
第一款:Brackets Light Pro
第二款:One Dark Pro
安装方法:
点击VScode左侧按钮菜单最下面的那个方块图标(扩展,快捷键:ctrl+shift+x),
在搜索栏输入名称,搜索出来以后,点击安装。
图标
第一款:vscode-icons(多彩图标)
第二款:VSCode Great Icons(清新蓝)
安装方法:
同主题安装方法一样
字体
可以自行度娘搜索,都可以搜索得到,搜索不到可联系我给你发也可以。
第一款:Fantasque-Sans-Mono
第二款:JetBrainsMono-1.0.0
安装方法:
字体安装方法:下载好字帖文件以后,解压出来:控制面板 - 字体 - 把解压出来的字体拖进字体文件里面去就好。
安装好以后可以自己切换的看自己喜欢的搭配。
四、设置
主题和图标设置:
主题和图标在已安装的扩展里面,在列表里找到后点击打开,然后点击设置文件图标主题。
字体设置:
打开:文件 - 首选项 - 设置 - 文件编辑器 - 字体 - Font Family里面。
或者打开setting.json。
把对应的字体名称设在第一位。例如:
'JetBrains Mono','FantasqueSansMono',Consolas, 'Courier New', monospace
可同时设置下相应字体大小,我的设置的是16px
。。。
最后贴上我装的全部扩展插件,就不挨个把名称敲上来了。
结束,有不明白的可以留言。