I use scopes a lot to cut down on how long searches take, so setting up a few scopes for each project is time well spent. So if you click the button with the three dots at the scope field you can setup PHPStorm to only look where it is relevant. Your mileage will vary depending on network speeds, device performance, etc. These times were averaged across two test runs. To benchmark your own projects, File Invalidate Caches in your IDE will allow you to opt in/out of downloading shared indexes to simulate first launching your project. There is no reason for PHPStorm to listen for changes to your module files if your theme folder is where you have your Compass project. Search Components, Applications, Add-ins and Cloud Services. The following are some common LabKey XSD namespace URIs and their paths in. Scopes in PHPStorm are parts of your project that you would like included or excluded in things like searches and settings like this Compass setup. In an XML file, you can use information from XSD files by including syntax. Note that I have created a "scope" called Theme. The output path is "stylesheets" for me for this particular project, but you shold edit that to whatever your project has named the css output folder. Where Compass is installed on your machine may not be in /usr/bin/compass like it is on mine, but you can use the command whereis compass from your command line to figure out where compass is. Edit the settings to look like the ones on the screenshot.
#Webstorm filewatcher for specific files plus
Click the plus to add a watcher and choose SCSS.In the PHPStorm settings, go to "File Watchers".You also need to have Compass installed on your machine. Go to Preferences / Settings Tools File Watchers, click + on the toolbar, and select Babel from the. WebStorm has a pre-configured File Watcher for Babel. The settings assume that you use something that resembles the default settings in a Compass project with a folder for the scss files and the css being output to another folder called something like "stylesheets" or "css" (could be anything really). A File Watcher is a WebStorm system that tracks changes to your files and launches a third-party standalone application as soon as it detects a file change. css on the fly so why not take advantage of that. It is super simple to use the Compass compiler from the command line and I always have.
![webstorm filewatcher for specific files webstorm filewatcher for specific files](https://imgs.developpaper.com/imgs/1102291019-8a9a70daea309592_articlex.png)
I am slowly venturing into playing around with setting more stuff up, and I thought I would share this one because it took me a while to get right. I have to admit that for the first couple of months I pretty much used PHPStorm just like I did Vim and not using any of the many configurable things except for the debugger.
![webstorm filewatcher for specific files webstorm filewatcher for specific files](https://i.stack.imgur.com/oiBlL.png)
I started using PHPStorm about 6 months ago and while it is an extremely awesome and powerful IDE there are just so many things you can set up and configure. EDIT: It seems that the version 7 early access now has a file watcher preset for Compass - nice work JetBrains! The part about scope from this blog post is still useful to you if you are on PHPStorm 7 though.