When creating a pull request to our main Discourse repository, you might have noticed a bot sending this message in the comments: [01] We have been using Prettier on our codebase for a few weeks now, and are enforcing it in pull request too now. What is prettier? Prettier is an automatic code formatter. It will make sure all JS code follows established standards. How to use it? We recommend you set up your code editor to format on file save. We use the default prettier options. It will depend of your editor but we recommend you use the prettier bin specified in Discourse’s package.json to ensure you use the same prettier version. To do so run the following command: yarn install Once installed, you can access it through: yarn run prettier make sure your editor/plugin/script is using this to run prettier, otherwise you might end up using a globally installed prettier which could be on a different version. Atom [图片] Sunsetting Atom We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. Est. reading time: 3 minutes VIM https://github.com/prettier/vim-prettier Sublime Text https://github.com/jonlabelle/SublimeJsPrettier Emacs https://github.com/prettier/prettier-emacs Visual Studio Code https://github.com/prettier/prettier-vscode IntelliJ IDEA, RubyMine, WebStorm [图片] WebStorm Setup · Prettier JetBrains IDEs (WebStorm, IntelliJ IDEA, PyCharm, etc.) This post is a wiki, feel free to edit with your specific configuration in your favorite editor. Troubleshooting I made a PR with a lot of files before configuring my editor, how can I run prettier on these files? git ls-files -m | grep -e ".*\.es6" -e ".*\.scss" | xargs prettier — --write This command will only work on modified files, if you have already multiple commits done in your branch you might want to reset soft to apply this, git reset --soft HEAD~2 if you have 2 commits for example, then commit this and then git push origin +your-branch-name to force update your github branch if it has already been pushed. More advanced knowledge of Discourse linting can be found in this post: Code linting and formatting with prettier

Not sure what to do about this, if your editor is configured you are not supposed to end up in this situation. So I will make a mix.

[图片] j.jaffeux: To do so run the following command: yarn install OK: michael:~/prog/Discourse/discourse ± |master ✓| → yarn install ERROR: [Errno 2] No such file or directory: 'install' scratches head evidently I did something wrong? [图片] Server Problem

[图片] supermathie: No such file or directory: ‘install’ Never had this issue myself, but I’m on macOS (for a few more days :p) but I googled the error and found: https://stackoverflow.com/a/47680012

Prettier：代码格式化工具

开发

sam (Sam Saffron) 2018 年7 月 27 日 00:45 2

Can we integrate/merge this with: Code linting and formatting with prettier

话题		回复	浏览量
Code linting and formatting with prettier Development	6	2746	2018 年7 月 24 日
Help configuring rubocop, eslint, and so on in vscode and the command line Marketplace	2	867	2023 年8 月 29 日
VS Code Extensions recommendations? Development	3	779	2021 年3 月 25 日
Travis tests failing due to eslint Development	7	1220	2020 年9 月 10 日
Linting consistency Development	9	444	2025 年12 月 2 日

Prettier：代码格式化工具

相关话题