How to make atom detect .jade correctly? - html

I want to see jade highlighting when I open .jade file on mac.
Currently I have https://atom.io/packages/language-jade installed, but when I open .jade file atom detect it as html.
I install https://atom.io/packages/file-types and add to config file (atom->open your config):
"file-types":
jade: «source.jade»
It don't change anything at all.
I think default atom language-html plugin override my settings.
If I disable language-html, then atom detect .jade correctly and highlight it properly.
But without language-html plugin atom detect html as plain text and don't highlight it at all.
What I should to to get both html and jade proper highlighting?
With all best regards. Anton.

Related

How to force PhpStorm to highlight HTML code in *.php files

I encountered an issue in PhpStorm IDE. I have some HTML Code in *.php file that doesn't format properly.
How can I force HTML syntax highlighting in particular *.php files?

IntelliJ change language mode same as VS Code

I'm working on a project(IntelliJ + Grav) which all base files are *.md, I have the need to just write HTML code in one of this MD files but I can find an option to change the syntax highlight or intellisense to trigger(emmet, tags, ...).
In VS Code you can change the language mode no matter which file extension you have open.
Q: Is there a way to make IntelliJ highlight HTML code in a MD file.
PS: Don't tell me to change the file extension or open the file in VS Code, as I'm currently doing it.
You can add the file name to the HTML file type list of files/extensions and IntelliJ IDEA will treat it as HTML file instead of Markdown file.

LESS/SASS with Sublime Text

I am working with LESS/SASS files
I press CTRL+S (in Sublime)
.SCSS is compiled to .CSS (GULP)
My Sublime Text automatically detects changes inside compiled CSS
Sublime Text automatically sends compiled .CSS file to server (with path) (NOT LOCALHOST!) by sFTP (I use this Plugin in ST3)
Does anybody know how I can do this?
Should I use a Plugin to Sublime Text 3/GULP, if so then what Plugin?
Well if you don't want to learn SASS or LESS on your localhost, why not create a new CodePen ?
You just have to go in the CSS container, click on the cog (settings), and chose SASS or LESS as your preprocessor.
Then you're good to go !

PhpStorm ignore file

I'm using webpack to compile all my JavaScript to a single bundle.js file. PhpStorm is running very slowly at times because of this.
Is there a way for me to let PhpStorm ignore this file all together?
Right click on the file in the project tool window and select Mark as plain text from the context menu. That should keep PHPStorm from inspecting the file.
You can also do the reverse: if a file is marked as plain text, you can right click and mark it back to its regular type.

Adobe Dreamweaver CS6 (and CC) doesn't do code-hightlight for *.TWIG files / Notepad++ Auto-Twig highlight

I have issues with my Adobe Dreamweaver CS6 (and CC) to support TWIG files. I tried some of the tutorials found on Google saying I need that extension in settings and also edit one of dreamweaver configuration files. But It didn't worked.
The only thing I did, is that Dreamweaver is able to open *.twig files, but it is opening them as a plain text, when it should do HTML5 markup highlighting.
Maybe someone knows the tutorial/required actions to make it work?
As an addition question I will ask how to make in Notepad++ to understand *.twig file type on the first open, so I don't need to choose 'programing language' from Menu each time I open *.twig file.
To be more clear.
I followed instructions from:
http://helpx.adobe.com/dreamweaver/kb/change-add-recognized-file-extensions.html
I edited both files (one in Program Files, and the second in Users folder), and it still not highlights the "abc.html.twig" file. Displays as plain.
I was just having this issue, with CS6 (following Adobe's site). Make sure to have Dreamweaver turned off.
Edit:
C:\Users\\[username]\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\Extensions.txt
Find:
HTM,HTML,...,SVG:All Documents
HTM,HTML,HTA,HTC,XHTML:HTML Documents
Change to:
HTM,HTML,...,SVG,TWIG:All Documents
HTM,HTML,HTA,HTC,XHTML,TWIG:HTML Documents
Turns out that there is a second MMDocumentTypes.xml in:
C:\Users\\[username]\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\DocumentTypes\MMDocumentTypes.xml
and
C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\DocumentTypes\MMDocumentTypes.xml
Edit both these files and change this line in both:
<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi" file="Default.html" writebyteordermark="false" mimetype="text/html">
to
<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml,twig" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi,twig" file="Default.html" writebyteordermark="false" mimetype="text/html">
Open up a twig file with Dreamweaver and it should now show HTML highlighting within your twig files!
Hope this helps!