VSCode使用 字体大小 snippet
1.安装2.如果是vue项目,安装插件 vetur官方文档:https://vuejs.github.io/vetur/formatting.html#formatters2.1 格式化代码设置配置 打开settings.json加上代码:防止格式化时,单引号被格式化成双引号,句子末尾被加上分号。"vetur.format.options.tabSize": 4,...
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
}
格式化代码: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: 光标位置
更多推荐
所有评论(0)