Comments (7)
Issue has been fixed by Jetbrains and fix will be included in 2018.1 versions of IDEs.
from discuss.
I stumbled upon the same issue today.
Here a screenshot for clarification, thanks @Kurre that you resaearchedthe Link to youtrack.
from discuss.
I am using 2018.3 also. If you are using tailwind via Webpack, this may be of use:
I'm not sure, but I think PhpStorm will try to automatically find your Webpack config file based on the default naming convention (webpack.config.js
I think), and from that it can figure out all it needs in order to get the code suggestions working. HOWEVER, if your Webpack config file is named differently, then you'll need to inform PhpStorm. It might be a good idea to look into this, regardless if your conf file is named differently or not.
Go to Preferences -> Languages & Frameworks -> JavaScript -> Webpack
From there just point it to your config file, and you should be set! That did the trick for me, at least.
Update:
I thought this fixed it for me, but it didn't take long to realize it in fact did not, but only a few autocomplete suggestions pop up now and then. It works fine in another project where I manually installed Tailwind without Webpack, but when trying to use https://github.com/chasegiunta/craft-vue-tailwind for Craft CMS which sets up Webpack and Tailwind for you, autocomplete does not work..
from discuss.
same problem in version 2018.2
from discuss.
Seems to be working as expected for me:
PhpStorm 2018.2.1
Build #PS-182.3911.43, built on August 8, 2018
Licensed to Tommi Finnilä
Subscription is active until February 3, 2019
JRE: 1.8.0_152-release-1248-b8 amd64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Windows 10 10.0
from discuss.
I upgraded to 2018.3 EAP and it is not working yet
PhpStorm 2018.3 EAP
Build #PS-183.4139.30, built on October 31, 2018
PhpStorm EAP User
Expiration date: November 30, 2018
JRE: 1.8.0_152-release-1343-b15 amd64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Linux 4.15.0-38-generic
from discuss.
For those coming from google like me and still have problems with Tailwind Auto Completion:
I wanted to make Tailwind auto-completion work without building on every change.
I solved it by adding the following to my webpack.config.js
file (I am using webpack-dev-server
):
devServer: {
writeToDisk: true
}
I think it's possible to add make it work without writing to disk, but I have not investigated further.
for reference, I got the solution from webpack/webpack-dev-server#1141 (comment)
from discuss.
Related Issues (20)
- Dissapear all no-overrided CSS-classes in *.scss after upgrade from 1.1.3 to 1.2.0
- Looking for feedback on a new plugin: tailwindcss-logical (CSS Logical Properties and Values / RTL)
- Left align columns with css grid HOT 2
- unable to complete installation due to unresponsive npx commands to create necessary files. HOT 6
- Circle - part of it colored HOT 1
- @apply focus:outline-none throw error HOT 2
- Multiple psuedo selectors HOT 1
- does possible use Tailwind like a base "normal" CSS framework? HOT 1
- Possible to prefix the reset CSS rules with ID selector on build? HOT 4
- Export CSS output to JSON HOT 1
- Positioning of HTML elements
- Class .-translate-y-1/2 is not working HOT 2
- Cascade style classes?
- Only prefix custom component plugins with addComponents HOT 1
- Tailwind not working in angular component scss file
- Utility classes are completely missing HOT 1
- @apply not working in imported css with `a {}` only HOT 2
- Different color schemes for different users HOT 2
- Better support for styling for print
- More Fonts Families Out of the Box
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 discuss.