本文主要是介绍VSCode使用 字体大小 snippet,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.安装
2.如果是vue项目,安装插件 vetur
官方文档:https://vuejs.github.io/vetur/formatting.html#formatters
2.1 格式化代码设置
配置 打开settings.json
加上代码:防止格式化时,单引号被格式化成双引号,句子末尾被加上分号。
"vetur.format.options.tabSize": 4,"vetur.format.options.useTabs": true,"vetur.format.defaultFormatterOptions": {"prettier": {"semi": false, //不加分号"singleQuote": true //用单引号}}
配置完重启
另外一种方式: 在根目录下新建 .prettierrc
文件
{"semi": false,"singleQuote": true
}
VSCode的Vue插件Vetur设置 - 简书
格式化代码:alt+shift+f
2.2 字体设置
可以不改基础设置,调整下放大倍数,就所有字体一起放大了
settings里加入
"window.zoomLevel": 1.5, 就行了
左菜单字体设置:
打开文件:安装目录\VSCode\resources\app\out\vs\workbench\workbench.main.css
搜索 .monaco-workbench .part>.content
修改这个class的字体大小,改完保存重启。
终端字体设置:
可以settings.json 添加
"terminal.integrated.fontSize": 18,
或者 入下图 改workspace的 改Features 下的 Terminial 找到font size 修改大小 (这条最好用,直接就能看到效果)
2.3 设置主题颜色 File → preferences → color theme
Monokai 这个主题挺好用的
如果这些主题都不喜欢,可以下载个自己喜欢的主题
3. snippet 代码模板
设置方法:File → Preferences → User Snippets
这里有很多语言模板
html的语言模板,写在html.json里,js可写在javascript里,或者都写在同一个文件里也没啥问题。
换行注意:body中的每一行都要用双引号引起来。
但分类写修改的时候能更清晰在哪个文件里找。
关于占位符Snippets in Visual Studio Code
$0: 光标位置
这篇关于VSCode使用 字体大小 snippet的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!