I am new user of the Bracket text editor. Can anyone tell me how to integrate SASS extension and how to use it?
You need to start by reading the samples on the current github project as a beginner reference to making your own: Bracket Sass
After that, you should get the idea: in the base root of your folder you need to include a .brackets.json file, dot at the beginning in order to make it invisible to your system. In this file, you will write in your own way (or by following the read me I linked you to) the Sass compilation parameters for your Brackets project. Therefore, keep in mind your project structure, your assets and dependencies for Sass.
This should be only your initial setup, restart Brackets for double measure and see what happens.
Related
I know this may sound easy but I can't really get my head around this.
I just begun using Brackets for primarily writing html, scss and css. I tried going to file > new to create a new file and start typing, it did create a new file and by default it was plain text.
When I tried to change the language from the menu at very bottom right hand side of Bracket's window, I found that this option was totally disabled.I tried to save the new file, it saved it but without any file extension at the end. when I tried the saved as it only gave me two options and none of the was the language extension I intend to save my file in(All files, Web files, text files). It just saved like this (Untitled-1) instead of (Untitled-1.scss).
So how to create files like normally I would do in any other IDEs?
Lets Say I have this structure of files
/sass/screen.scss
/sass/file1.scss
/css/screen.css
And I left it all good, the thing is other developer took over the project and he didn't know I used compass and he Did many changes directly to the screen.css
So I guess you can imagine that I am asking about this because I took over the project again...
Is there a pseudo automatic way of putting all the changes not included in the .scss files so I can create another .scss with all them and continue using compass just with an import?
It's like when you commit, you get the diff; but copying line by line would be too much time consuming.
I've had the same problem and solved it by doing the following:
Compile or convert your css file (the wrong one) to a nested version
(regular multiline css). You can do that using a local editor or
use this online tool and save it to
another location or as a duplicate
compile your (the right one) sass library to screen.css (nested or multiline)
Download UltraCompare.
You can download a fully working 30 day trail version. 4 Open both
files in the editor
In the top toolbar press the red = sign (Just Differences). And it
will show you all the diffs of the files
Copy/paste the diffs and run it through a sassify parser like this
one
Save it as your new.scss
i have a problem with Emmet in SASS.
For example i write 'w10' then press tab
css returns 'width: 10px'
sass returns just tab.
Any thoughts?
Thanks for your time!
If your using sublime text 2 you have to make sure that when you have your SCSS file open that the file syntax selected in the bottom right corner is selected as css.
Emmet bases all of its shorthand syntax off of that value.
There is a way to always open files using a certain syntax. Go to these menus View -> Syntax -> Open all with current extension as... ->[your syntax choice].
And all future files will be open using your select choice
BUT...that being said there is a sweet sublime plugin that takes care of SCSS sass code hilighting and integrates with Emmet.
Use package control to install
SYNTAX HIGHLIGHTING FOR SASS
Then just use the the previous steps to choose SCSS sass as your syntax of choice.
Presuming you're using Sass Textmate Bundle Nathos provides this answer.
In your Sublime directory, go to the directory "Installed Packages". Rename Sass.sublime-package to Sass.zip. Using Winrar or RAR for Mac, edit Sass.zip and remove the "Snippet" directory. Save it and rename it back to Sass.sublime-package.
I'm using sass for a project. I keep the CSS file open sometimes, but every time I save the .scss file VS asks me if I want to reload the CSS file, which I do. Is there any way of telling it to always reload the file type without prompting?
In Tools/Options, navigate to Documents and check "Auto-Load changes, if saved."
EDIT: note that this will affect all files; as far as I know it's not possible to enable this selectively. I'm sure an extension could change that!
just have a short question here. I've just installed new php extension (geoip.so) using pecl to /usr/local/zend/lib/php_extensions/ and added the extension to the php.ini.
Run the code and it works just fine. But Zend Studio is giving warning of undefined geoip function.
Try to add the directory path above to the include path of Zend Studio, still the warning exists.
Any clue how to remove this warning?
Thank you in advance!!
/Agustinus
You can add functions to Studio by putting PHP files with stub function descriptions into special directory. Find this directory in filesystem in a following way: write something like gmdate(), select the name and press F3. You will be taken to one of the prototype files. Note the directory where this file resides (shown on the top and if you hover over the tab). Now you need to create stubs for functions you are missing just like the one you're looking at. You can put them into any file, generally, but I suggest putting them into separate file - like geoip.php - and put this file into that directory.
You may also want to do right-click/Show In/PHP Explorer and browse other prototype files if you need examples of how to do it right.