vscode怎么格式化前端代码?-知识问答社区-代码-血鸟社区

vscode怎么格式化前端代码?

别用beautify了,基本过时,等待退休状态。

用prettier,把vscode设置formatter为prettier,并且设置保存文件触发自动格式化。根目录建立.prettierrc文件,设置锁进,引号风格等配置。

然后js的话装个eslint,ts的话装个tslint,在vscode里设置格式化优先继承lint配置,并用prettier配置复写。根目录建立lint的config文件。

然后再装个editorconfig插件,根目录建立.editorconfig配置。这个的作用是为项目统一编辑器的实时格式。简单来说就是它负责敲代码那一刻的格式,prettier负责保存代码那一刻的格式。两者统一体验更好。

最后,你在package.json里面再来一条lint+prettier的全项目自动审阅命令,以及自动全局格式化命令。用来做代码审阅和自动修复,保证很多人参与的大项目都有完全统一的代码格式。

以上基本实现vscode优雅格式化。

手机打字比较麻烦,就不详细讲具体配置了。

请登录后发表评论

    没有回复内容