Comments (4)
use ctrl+e for windows
from language-babel.
I don't have a solution for you, but I have the same/similar issueπ
I am also trying to use autocomplete, but specifically with styled-components. Maybe the problem has a common source?
Inside the template literals, I have css like this;
const Title = styled.h1`
font-size: 1.5em;
text-align: center;
color: palevioletred;
backgrou... <-- autocomplete not working here!
border: 5px solid red;
display: blo... <-- not working here either!
`;
I have tried enabling the 'Styled-Components Auto-Complete Method' in the package settings, but this does help.
I have tried refreshing atom cmd + shift + p + typing in reload ( in macOS ), but this does not help either.
In the README it says;
The package also provides ... Support for styled-components CSS inside tagged template strings including CSS auto-completion ...
So why is it not working?
I think its a bit unclear/ambiguous what the 'Styled-Components Auto-Complete Method' in the package settings actually do.
It says;
Use Emmet to auto-complete in addition to default CSS completion
So does this toggle default CSS autocompletion, or not?
But the highlighting seems to work just fine!
So I ask a similar question to Bowfish, now 4 months and 11 days ago;
Which settings do I have to apply that the autocomplete feature for
JSX tagsstyled-components works?
Any help would be appreciated! π€·ββοΈππΌπ
from language-babel.
Ctrl+E works on Mac too, thanks! It's quite an awkward shape to put your hand into though, is there a way to change the keymapping for this? I looked in the Atom keymapping settings but only found:
'atom-text-editor':
'ctrl-e': 'editor:move-to-end-of-line'
It would be great to get autocomplete working on 'Enter' similar to standard HTML files.
from language-babel.
I have the same problem.
ctrl-e works fine for now thanks to emmet.
It'd be much better if emmet and autocomplete works in this package.
from language-babel.
Related Issues (20)
- Babel Fails To Highlight/Distinguish ReactJS Entities from the developer's ones!
- JSX indent on multi line elements
- Newline indentation for JSX jumps back one tab on each new line HOT 1
- Uncaught TypeError: Cannot read property 'code' of undefined HOT 1
- Uncaught TypeError: Cannot read property 'code' of undefined HOT 1
- Uncaught TypeError: Cannot read property 'code' of undefined HOT 3
- Will not install Babel
- Not installing
- canot install language babel
- Babel crashes atom
- Remove highlight for root and GLOBAL keywords
- autocompletion and suggestion of JSX/html tags doesn't work in js files
- Map files have wrong source file name
- I can't get it to work at all. HOT 1
- unable to install language-babel via atom
- highlight matching closing and opening tags
- Using project babel core
- Source map result different then babel-cli
- Missing Regex flags
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 language-babel.