Comments (15)
This is not a bug but a missing feature.
To autocomplete such SCSS selectors, we need to compile SCSS first.
For example;
.class { // We can auto complete this.
&--connected {
// we cannot know this until SCSS compiled.
}
}
But I think I can hack into it and show such completions. Let me do some demos on my end and update here.
What I can do here is, hack into such completions and merge myself in parser. This can be done. But need a work to do.
from scss-everywhere.
In video you can see that im using app.css in project (where is everything after scss compilation).
from scss-everywhere.
And it works on previous project (plugin show completitions for latte / php / css )
and when im setup scssUsing : true also in scss files.
Now its works strangely.
from scss-everywhere.
Are you sure that file is indexed by this extension? Is it local? Can you send me that file via email again? If it works on my end then this files does not get indexed in your workspace.
from scss-everywhere.
So it works with that option?
from scss-everywhere.
Ah and one more thing:
As you know we introduced incremental build that's mean when you change something after VSCode opens, we will include that changes.
This does not counts changed files on disk. This means, If you build that app.css
files via gulp or something, vscode will not see that file. You need to click action button bottom of vscode. Try this. If it works, I will add this event to vscode.
from scss-everywhere.
Ah and one more thing:
As you know we introduced incremental build that's mean when you change something after VSCode opens, we will include that changes.
This does not counts changed files on disk. This means, If you build that
app.css
files via gulp or something, vscode will not see that file. You need to click action button bottom of vscode. Try this. If it works, I will add this event to vscode.
Yeah, it should be the problem @Kcko. Otherwise, will be this function added as feature into this extension as automatically? That will be watching changing files / dirs like a gulp or something like that? Just question.
from scss-everywhere.
Yeah, it should be the problem @Kcko. Otherwise, will be this function added as feature into this extension as automatically? That will be watching changing files / dirs like a gulp or something like that? Just question.
Yup. That was what I am thinking of. I will watch changed files on disk. But I need @Kcko to confirm this. He probably restarted vscode thats why it did worked on second time -not by option-. Because next time he start vscodei app.css
was there already.
from scss-everywhere.
Project eshop: (buggy)
css file here: http://nette-bootstrap.r.dev7.andweb.cz/assets/css/dev/app.css?1550137895
new video here: http://bit.ly/2X2m7c0
of course i press "uncache" btn on the bottom of VSC and after for sure I restarted VSC a several times - without change.
All files ale local.
from scss-everywhere.
Soccer project: (buggy less)
Video: http://bit.ly/2WYWYyK
Still with "html-css-class-completion.enableScssFindUsage": false
classes from BS are visible but occurences are only in (latte / php / html)
css -> missing -> bad (we set findUsage on false, but this should control only scss file)
scss -> missing -> godd (because we set findUsage on false)
Some idea whats bad?
from scss-everywhere.
and one small piece at the end, when i wrote exact name for class, it never on first position in the suggestion list.
from scss-everywhere.
I will look into this and release new version.
Soccer project: (buggy less)
Video: http://bit.ly/2WYWYyK
Still with
"html-css-class-completion.enableScssFindUsage": false
classes from BS are visible but occurences are only in (latte / php / html)
css -> missing -> bad (we set findUsage on false, but this should control only scss file)
scss -> missing -> godd (because we set findUsage on false)Some idea whats bad?
It will be fixed in next build.
from scss-everywhere.
Project eshop: (buggy)
css file here: http://nette-bootstrap.r.dev7.andweb.cz/assets/css/dev/app.css?1550137895
new video here: http://bit.ly/2X2m7c0of course i press "uncache" btn on the bottom of VSC and after for sure I restarted VSC a several times - without change.
All files ale local.
I will look deeper on this.
from scss-everywhere.
So we should be clear about the behavior of plugin, I'm already losing myself.
It should works like that:
default behavior
Autocompletition for
- latte
- html
- php
- whatever without scss (because it slows down performance, can be solved at future)
When i add / change / delete some class or id in css file, it will rescan only file where i did it.
Fullscan will run only once (when i loaded project / workspace at first).
When i set "html-css-class-completion.enableScssFindUsage": true
autocompletition will work on scss file now + will show occurences also.
Is it allright like this?
from scss-everywhere.
Yes but i think you misunderstood how enableScssFindUsage
works. I will explain in detail on readme later.
from scss-everywhere.
Related Issues (20)
- Not getting suggestions HOT 9
- Exclude classes HOT 1
- Extension issue
- Open VSX Listing: Signing the Publisher Agreement HOT 1
- Doesn't automatically update class list HOT 1
- La extensión causa una alta carga de cpu
- Settings option to choose what folder a project is in HOT 1
- Not working for elixir files
- Auto caching only occurs when I save an SCSS file HOT 3
- No #ID suggestions when using emmet. HOT 2
- Support working with Vue using Volar?
- it's not working with vscode Version: 1.63.2 Jan 2022 HOT 1
- pcss support for Tailwind
- Find usage in .vue files
- Astro.js `*.astro` file support (html / jsx based language) HOT 2
- support `@use` rule
- README.md not up to date
- Does this work any more?
- Not working for PHP files?
- Extension causes high cpu load
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 scss-everywhere.