This is the view of my files in Visual Studio Code.
And his how I'd like my files to be displayed.
How can I colorize my files in this way for easy reading?
This is the extension Material Icon Theme. If you install it, you should see something similar to your second picture in VSCode.
The extension you are searching for it's on Visual Studio Code.
It's called vscode-icons.
Link on the marketplace
How to install:
Open VSCode > File > Preferences > Extensions > Search "vscode-icons"
Click install and restart VSCode.
Download your icon theme
Nomo Dark Icon Theme
OR
Material Icon Theme
You can choose your favorite extension by trying
For Android Studio you can use Atom Material Icons
For VS Code I am using extension named vscode-icons
I have a JS, CSS, and HTML files in a zip folder. How could I open it directly in Visual Studio Code?
I figured this out by simply extracting the JS,CSS and HTML files and placing them in a new non zipped folder. Then opened that new folder in visual studio code.
Is there any setting for automatically changing the folder tree of visual studio code when navigate code? Thanks!
Normally Visual Studio Code open file namely "Makefile" correctly (marking color). But other makefile with arbitrary name like "makefile.mak",... It can not mark color for the file.
How can I associate some file to open as makefile in Visual Studio Code?
Open the settings
Add file associations for the arbitrary file extensions:
"files.associations": {
"*.mak": "makefile",
"*.make": "makefile"
}
I have installed the Visual Studio Code on Windows. When I try to open a solution file in VS Code it opens the solution file, instead of opening all projects in solution. Is there a way to open existing project solutions in VS Code?
When you open a folder in VSCode, it will automatically scan the folder for typical project artifacts like project.json or solution files. From the status bar in the lower left side you can switch between solutions and projects.
Use vscode-solution-explorer extension:
This extension adds a Visual Studio Solution File explorer panel in Visual Studio Code. Now you can navigate into your solution following the original Visual Studio structure.
https://github.com/fernandoescolar/vscode-solution-explorer
Thanks #fernandoescolar
VSCode is a code editor, not a full IDE. Think of VSCode as a notepad on steroids with IntelliSense code completion, richer semantic code understanding of multiple languages, code refactoring, including navigation, keyboard support with customizable bindings, syntax highlighting, bracket matching, auto indentation, and snippets.
It's not meant to replace Visual Studio, but making "Visual Studio" part of the name in VSCode will of course confuse some people at first.
But you can open the folder with the .SLN in to edit the code in the project, which will detect the .SLN to select the library that provides Intellisense.
In the VSCode Marketplace look up and install vscode-solution-explorer