1. 首页
  2. IT资讯

vscode 如何自动格式化代码?

“u003Cdivu003Eu003Ch1u003E介绍u003Cu002Fh1u003Eu003Cpu003E相信现在有很多开发人员都已经开始使用vscode作为自己的IDE,作为一个有代码洁癖的人,我总是希望自己写的代码随时都是已经format的,并且团队中也遵循一种format风格,下面就给大家介绍一下如何在vscode中实现 “保存时格式化” 以及 “粘贴时格式化的功能”u003Cu002Fpu003Eu003Ch1u003E步骤一u003Cu002Fh1u003Eu003Cpu003E在vscode的extension中搜索 “prettier” , 选择 “prettier – Code formatter” 安装,安装成功后重启 vscode.u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F136ba7d9b73d4b7e9a5b7fd1c2e7bc02″ img_width=”2072″ img_height=”1270″ alt=”vscode 如何自动格式化代码?” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Ch1u003E步骤二u003Cu002Fh1u003Eu003Cpu003E重启vscode后,需要对插件进行一些参数配置,如果你想让你的配置对当前用户下所有项目生效,则 可以通过:u003Cu002Fpu003Eu003Cpreu003E command+, > User > open settings(JSON)u003Cbru003Eu003Cu002Fpreu003Eu003Cpu003E如果你想让你的配置只在当前workspace下生效,则:u003Cu002Fpu003Eu003Cpreu003E command+, > Workspace > open settings(JSON)u003Cbru003Eu003Cu002Fpreu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F08720a60d4b344c68faa227af7f3dc8a” img_width=”3352″ img_height=”1940″ alt=”vscode 如何自动格式化代码?” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Ch1u003E步骤三u003Cu002Fh1u003Eu003Cpu003E接下了介绍几个重要的参数:u003Cu002Fpu003Eu003Cpu003E”editor.formatOnPaste”:true , 粘贴数据时启用格式化u003Cu002Fpu003Eu003Cpu003E”editor.formatOnSave”: true , 保存文件时启用格式化u003Cu002Fpu003Eu003Cpu003E”editor.defaultFormatter”: “esbenp.prettier-vscode” , 使用 我们上面安装的prettier code formatter 插件作为编辑器默认的格式化工具。u003Cu002Fpu003Eu003Cpu003E配置结果如下:u003Cu002Fpu003Eu003Cpreu003E{u003Cbru003E “editor.formatOnPaste”: true,u003Cbru003E “editor.formatOnSave”: true,u003Cbru003E “editor.defaultFormatter”: “esbenp.prettier-vscode”u003Cbru003E}u003Cbru003Eu003Cu002Fpreu003Eu003Ch1u003E下面来看看效果u003Cu002Fh1u003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F4adaba62da884084915cb07ee702a674″ img_width=”1794″ img_height=”1236″ alt=”vscode 如何自动格式化代码?” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E从上图可以看到,我在粘贴和保存时,编辑器已经成功为我自动格式化了代码!u003Cu002Fpu003Eu003Cu002Fdivu003E”

原文始发于:vscode 如何自动格式化代码?

主题测试文章,只做测试使用。发布者:℅傍ㄖ免沦陷dε鬼,转转请注明出处:http://www.cxybcw.com/11214.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code