代码格式化工具哪个好(html网页代码大全)


what prettier??

prettier是目前比较流行,用得比较多的代码格式化工具,当你在编辑器里面保存代码的时候自动格式化你的代码格式,统一团队代码格式,尤其是配合eslint的时候,更能节省时间。

使用prettier

项目为VUE,在创建项最好是要选择linter/formatter选项,ESLint+Prettier技术贴-使用prettier格式化你的代码

选择第四项

1.在vscode里面的插件市场搜索prettier进行安装不要选错了哦~哥哥们技术贴-使用prettier格式化你的代码

vscode 搜索

2.接下来在vscode里面创建.prettierrc的文件,支持json格式的哦哥哥们~根据自己的喜欢进行设置就好了,跟多的选项可以去查看文档prettier技术贴-使用prettier格式化你的代码

新建文件技术贴-使用prettier格式化你的代码

配置参数

3.然后在vscode里面配置,搜索format,在这里需要注意的是,vscode的配置分为用户,和工作区两部分,用户区代表进行了配置之后所有的项目都会沿用你的配置,工作区则是对当前的项目生效,我推荐在工作区里面选中format on save选项,然后vscode会生成一个.vocode目录,里面有一个settings.json文件,里面有对于对当前项目的format配置。技术贴-使用prettier格式化你的代码

设置技术贴-使用prettier格式化你的代码

设置

4.经过上面的配置之后,按保存之后就可以自动格式化代码了,如果出现不能格式化代码,或者对ts文件不能格式化的,请参考这个:技术贴-使用prettier格式化你的代码

配置

5.如果大家之前使用过webstore编辑器,会自动保存代码,很方便,当前在vscode里面也有类似功能。 比如我选择了 onWindowChange选项,当窗口失去焦点的时候,切换窗口的时候,代码就会自动保存啦.

技术贴-使用prettier格式化你的代码

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论