Comments (5)
Thanks! haha
Yeah, ideally everybody should be using prettifier or something else. That might be a way to enforce those good practices 😛
from figmatocode.
I agree. However, you can access prettify tools very easy, on both vscode and codepen. It is supposed to be just a click (or shortcut) away. Can you give me a scenario where you don't have access to these tools?
from figmatocode.
It would be nicer to have it built into the tool mainly to inspect what is going on. For larger (or smaller) HTML outputs, often a user might want to inspect what is coming out to see what they might want to tweak, add, or remove.
I use Vim and haven't figured out how to get that to work yet (I'm certain there's a way, so it's not worth adding it just for that reason).
from figmatocode.
The biggest issue is that I append the values to the end of the string, and sometimes use "\n", but it doesn't keep track of indentation. So I would need to keep track and then add the correct number of spaces for every newline..
You could also try this extension: https://github.com/prettier/vim-prettier
from figmatocode.
You're right, and it doesn't seem to be worth the effort at this point. Now that I've had some time to think about it, it might just be a better idea to leave it to the editor.
from figmatocode.
Related Issues (20)
- Nested absolute positioning bug HOT 4
- Text and Corner radius bugs HOT 4
- Automatically rescale to fit all screen sizes HOT 1
- Can we use margin-bottom or margin-right to add item spacing of auto layout instead of add empty div? HOT 1
- An easy way to support vectors
- Change div closing syntax HOT 4
- placeholder problems HOT 3
- [Request for Help] Installed plugin in Figma does not generate any code HOT 6
- Looking forward to support tailwind3 HOT 4
- Html node name from figma node name HOT 3
- CLI command line HOT 2
- Migrate UI bundling from rollup to webpack HOT 5
- [Flutter] Print name of Typography and color
- svg option HOT 2
- Wrong `height` value in Flutter's TextStyle
- Runtime Commands HOT 3
- [Enhancement] Export to Markdown HOT 6
- can you support flex-wrap and hug content( without fixed width and height) HOT 1
- Support font family in Tailwind HOT 1
- The style of alll the HTML elements is position: absolute HOT 7
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 figmatocode.