使用prettier格式化你的代码

·  阅读 2081

what prettier??

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

使用prettier

项目为VUE,在创建项💰最好是要选择linter/formatter选项,ESLint+Prettier

1.在vscode里面的插件市场搜索prettier进行安装不要选错了哦~哥哥们

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

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

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

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

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改