Open a File in Visual Studio's CSS Source Editor

Open a file in Visual Studio's CSS Source Editor

Midscape's Web Workbench Visual Studio Extension adds support for .less files, including syntax highlighting and Intellisense. It also adds support for SASS and CoffeeScript.

How can I list and edit js/css files linked in a master page in Visual Studio Code?

You can try the extension HTML Related Links.

Feel free to add feature requests.

Visual Studio not able to open css files anymore

Tools/Import and Export Settings - Reset all setting fixed problem.

How to turn on Visual Studio 2010 .css Intellisense on .less file

Try using the CSS Is Less extension for VS2010:

http://visualstudiogallery.msdn.microsoft.com/dd5635b0-3c70-484f-abcb-cbdcabaa9923

Forces .LESS files to open in the CSS editor, without having to change settings or adding HTML tags to your LESS file.

How to view an HTML file in the browser with Visual Studio Code

For Windows - Open your Default Browser - Tested on VS Code v 1.1.0

Answer to both opening a specific file (name is hard-coded) OR opening ANY other file.

Steps:

1. Use ctrl + shift + p (or F1) to open the Command Palette.

2. Type in Tasks: Configure Task or on older versions Configure Task Runner. Selecting it will open the tasks.json file. Delete the script displayed and replace it by the following:

   {
       "version": "0.1.0",
       "command": "explorer",    
       "windows": {
           "command": "explorer.exe"
       },
       "args": ["test.html"]
   }
   

   Remember to change the "args" section of the tasks.json file to the name of your file. This will always open that specific file when you hit F5.

   You may also set the this to open whichever file you have open at the time by using ["${file}"] as the value for "args". Note that the $ goes outside the {...}, so ["{$file}"] is incorrect.

3. Save the file.

4. Switch back to your html file (in this example it's "text.html"), and press ctrl + shift + b to view your page in your Web Browser.

Can I tell Visual Studio how treat a file with a custom file extension?

There is a registry hack that you can use. http://www.engagesoftware.com/Blog/EntryId/117/Editing-SqlDataProvider-scripts-within-Visual-Studio.aspx

Basically, you look at HKLM:\SOFTWARE\Wow6432Node\Microsoft\VisualStudio\9.0\Languages\File Extensions\.css (changing the version number based on your version of VS, and removing Wow6432Node if you aren't on a 64-bit OS) and make a copy of that, calling it .my-custom-extension

UPDATE According to a similar Stack Overflow question, for some extensions (i.e. CSS), there's another step to be taken. It says to take the GUID from the extension that you're copying, and find its entry in HKLM:\SOFTWARE\Wow6432Node\Microsoft\VisualStudio\9.0\Editors and add a DWORD value in its Extensions key like the existing css value. That question also points to an extension in the VS gallery that does that. However, even after doing that, I'm still unable to get syntax highlighting, myself...

---

Related Topics