Comments (6)
Hello, I can't find any information about this, but I'm not sure global plugins are supported by Prettier?
In general, Prettier does not recommend or officially support being installed globally as formatting can change between versions and the same goes for plugins.
You can see more information in their docs here: https://prettier.io/docs/en/install.html
As a sidenote, you may be able to workaround this by manually specifying the path to the plugin in your project's .prettierrc
, but I wouldn't necessarily recommend it 😅
from prettier-plugin-astro.
Why not? If I run prettier cli it works fine with global plugins. I also use the java prettier plugin installed globally and it works fine in vscode.
from prettier-plugin-astro.
Since formatting can change between versions of the plugin, having it installed locally in your project ensure that every developer working on your project has the same version (and as such, the same formatting)
Nonetheless, if it works with other plugins, maybe we can get this to work!
I see some issues on the Prettier VS Code extension repo saying that globally installed plugins don't work, so it could be an issue on their end. I know they consume plugins fairly differently from the Prettier CLI
from prettier-plugin-astro.
@jylin you can use prettier --write --plugin-search-dir=[PATH_TO_NODEJS] .
For example for windows it will be prettier --write --plugin-search-dir='C:\Program Files\nodejs' .
You can get the path by running npm bin -g
from prettier-plugin-astro.
It works fine if I just use prettier cli without any parameters. I assume prettier searches for plugins in the default global path too.
Actually, realizing now maybe this is not a problem with the prettier-astro plugin but instead something about the prettier vscode plugin.
from prettier-plugin-astro.
Ended up resolving this by setting this in vscode: "prettier.prettierPath": "/opt/homebrew/lib/node_modules/prettier"
You actually don't even need to set "prettier.documentSelectors": ["**/*.astro"]
anymore after activating the above setting.
from prettier-plugin-astro.
Related Issues (20)
- 🐛 BUG: Prettier not formatting on save in VSCODE using pnpm HOT 3
- 🐛 BUG: My css and scss files are being formatted, but not my astro files HOT 1
- 🐛 BUG: Error when destructuring with '?' in map loop HOT 3
- 🐛 BUG: Formatter is crashing due to prettier updates HOT 2
- 🐛 BUG: Prettier formatting silently fails when JSX conditionals return multiple elements HOT 1
- 🐛 BUG: Broken astro file parser HOT 2
- 🐛 BUG: Incorrect ordering of elements in formatting HOT 3
- 🐛 BUG: breaks the <tag> to separate lines HOT 8
- 🐛 BUG: Prettier for .astro files doesn't work - looks turned off HOT 7
- 🐛 BUG: Cannot handle HTML comments inside conditional blocks HOT 1
- 🐛 BUG: Syntax Highlighting Lost and Incorrect Rendering When Condensing Code Blocks HOT 5
- 🐛 BUG: <script> formatting broken in files containing multi-byte characters HOT 3
- 🐛 BUG: Adding components into head tag breaks the astro file layout (view transitions) HOT 1
- 🐛 BUG: Unexpected token, expected "}" for no reason HOT 1
- 🐛 BUG: Positioning of `<style>` tag is inconsistent depending on the element exported by a component HOT 1
- 🐛 BUG: ViewTransitions component breaks `head` tag on format HOT 1
- 🐛 BUG: HTML-style `prettier-ignore` comments do not work for script tags
- 🐛 BUG: If a specific test fails in a unit test, an unexplained `TypeError` is raised in the next test
- 🐛 BUG: prettier fails to find the plugin HOT 3
- 💡 RFC: Support prose-wrap option for text content in .astro files HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from prettier-plugin-astro.