Sublime Text syntax highlighting html files as babel/javascript - sublimetext3

Now that I have Babel installed for my React development I noticed that when I open .html files the syntax highlighting is set to javascript (babel) instead of HTML. How can I fix this? Here are also a couple of images that might help. Also a little extra thing, I am using the Afterglow theme for sublime text, and how can I remove the annoying padding on the last image underneath the tabs? You can see a few pixels of space which really annoys me.

You have probably overridden the default language settings for HTML files. You can verify this in the Syntax settings.
Open the View menu
Open the Syntax sub-menu
Open the settings for HTML
If my assumption is true, edit (or delete?) the settings for HTML.
Otherwise, you can assign a syntax to an extension through the same menu.
Open a HTML file
Open the View menu
Open the Syntax sub-menu
Select HTML in the Open all files with current extension as… sub-menu

Related

How to load default HTML file in sublime text 3?

Am using Sublime Text 3 and have seen some people loading default HTML content / template just by typing words like html5or doctype. Which package do i need to use for getting same control ?
The html snippit is included in Sublime Text 3 by default.
From an empty file, set the syntax to HTML (either by saving the empty file with a .html extension, or by pressing Ctrl+Shift+P to open the command bar, and searching for "Set Syntax: HTML").
Then type html into the file, and press tab. Sublime Text should expand the snippet, giving you a basic HTML file with doctype, head, and body tags.
Try emmet plugin. It provides this sort of functionality. https://emmet.io/

Sublime text editor doesn't auto-refreshes the file if it is modified by another program

Although Sublime is a really powerful text editor but I am facing an issue. I have been using sublime text editor to view logs of my application.Suppose I have already opened file in my editor. After the logs are modified by the app server.
Sublime doesn't give any popup like we get in other editors
Example:
NOtepad++ says:
Also it doesn't modify the file. I have to close the file explicitly and then I re-open the file to ready the modified logs.
Only options i get in my sublime preferences are :
Please help..!
You are using an extremely outdated version of sublime (1.4). You can enable this functionality by upgrading and performing a small settings tweak:
Download the new SublimeText
Install it and open it
Go to the preferences menu and select "settings"
This will open the settings files for sublime, scroll down to line 349 on the left panel and copy that line.
Paste in the copied line into the right pane and replace "false" with "true"
Save and restart SublimeText
This should fix your issue entirely while also upgrading you to the awesome new SublimeText :)
Happy coding!
Set the following setting to true.
Menu > Preferences > Settings
// Always prompt before reloading a file, even if the file hasn't been
// modified. The default behavior is to automatically reload a file if it
// hasn't been edited. If a file has unsaved changes, a prompt will always
// be shown.
"always_prompt_for_file_reload": true

Wrong default syntax highlighting in sublime text 3

I can't remember touching any related configuration, and for no reason, Sublime chooses "LaTeX Log" highlighting syntax as default for *.html files. I opened the Syntax Specific settings file and it's empty (?)
What can I do in order to get the proper highlighting for html files automatically?
Changing the syntax highlighting for any file type is easy in Sublime. Simply open a file with the extension you want to change, then click on View -> Syntax -> Open all with current extension as... and choose whichever language you wish. This will add the current extension to the "extensions" list in Packages/User/LanguageName.sublime-settings, where LanguageName is the syntax you chose, such as HTML in this case.

How can I configure Dreamweaver CS5 so that files with extension .less are edited with zen-coding?

How can I configure DW so that files with extension .less are edited with zen-coding?
I can use within the zencoding notepad + + on windows normally. But now I want to use the same way inside DW.
Edit (Dreamweaver on Mac) -> Preferences, File Types/Editors
Click the plus (+) button on the left-hand list. Enter ".less" without quotes. With the .less entry selected, click the plus (+) button on the right-hand list, browse to and select the application that you want to open .less files with. Then click OK to apply the changes. Then double click a .less file in the files panel and it will open up with the specified application.
Re-reading the question, I can see that maybe it is ambiguously asking how to add .less files as an editable file type so that Dreamweaver can edit the file. If so, then follow the steps in this Adobe technote:
http://kb2.adobe.com/cps/164/tn_16410.html
You will need to search for the configuration configuration folder of the version of your dreamweaver. For example: if you are using version CS6, "c:\users[computer name]\appdata\roaming\adobe\dreamweaver cs6\en-us\configuration\menus\menus.xml"
You will now need to open the menu.xml file using either notepad or wordpad or any text editor then search for zencoding
change
to
Save the file and restart your dreamweaver.
try div#name and it should give you
I hope this works for you.

Dreamweaver CS5 opening .CSHTML razor files

Is there a way to force Dreamweaver to open .CSHTML files as HTML file in editor, so I can use the code completion and all the other feature on a .CSHTML file
I was only been able to force it to open it in the code editor which doesn't have all the design features.
You may take a look at the following article.
Could I just recommend that if anyone is trying to open .CSHTML files in Dreamweaver and it is opening in TextEdit(Mac). What I did to solve this issue is to go to Preferences > File Types / Editors.
From here add ' .cshtml' to the "Open in code view" text box(note the space before the period, this is required).
Next I clicked the "+" symbol above "Extensions" list of file types, then added '.cshtml' to this list.
Close and reopen Dreamweaver and you should find that when you try and open a .CSHTML file(particularly opening the file via a 'Remote server' connection).
Daniel.

Resources