vscode格式化代码插件Prettier安装配置

教程开始

第一步,先打开vscode软件,方便快捷的方式就直接使用快捷键ctrl+,(是ctrl加逗号)唤出快速搜索条界面。

第二步,接下来先设定自动保存文件,搜索框贴入files.autoSave筛出设置项,并把设置项属性选择为onFocuschange

vscode格式化代码插件Prettier安装配置_第1张图片

第三步,设定编辑器默认代码格式化(美化)的插件为Prettier,同理在搜索设置框贴入editor.defaultFormatter,将配置项选择为Prettier

vscode格式化代码插件Prettier安装配置_第2张图片

第四步,设定Prettier插件保存时自动格式化代码,搜索设置项贴入editor.formatOnSave,将如下图所示的选项框打钩即可。

vscode格式化代码插件Prettier安装配置_第3张图片

第五步,基本教程就完结了,效果就自行编写代码查看效果了,下面两张图也是本次教程后的效果图。

vscode格式化代码插件Prettier安装配置_第4张图片

vscode格式化代码插件Prettier安装配置_第5张图片

举报/反馈

你可能感兴趣的:(visual,studio,code)