VSCode hides folder contents when certain files are opened - visual-studio-code

I have an angular project open in VSCode, but whenever I activate certain file tabs it hides every file & folder inside my src/ directory!
Here's a screen recording of what happens: https://imgur.com/kQrIUdQ
No other folders are affected, and nothing is actually chnaged in the src/ folder. I can seect a *.ts file, close VSCode, and then re-open it with that *.ts file active and the folder contents shows again until I activate a tab that does this again.
This is extremely annoying and I've never seen this happen before. let me know if you need any other information to help diagnose this issue.
Edit: My installed extensions are as follows:
Angular Language Service 0.1.11
AutoHotkey 0.2.2
C# 1.18.0
Code Spell Checker v1.6.10
Hosts Language v1.1.1
npm v0.3.5
npm Intellisense v1.3.0
Prettify JSON v0.0.3
stylelint v0.48.0
TSLint v1.0.0

Related

Flutter compile modifying too many files

After a simple debug, so many files are modified.
This is the print before debug:
This is the print after debug:
It happens in both platforms (iOS and Android).
The build folder is refreshed everytime you compile your app so all the changes that happen within it are shown here.
You can add a .gitignore to your build folder so these files won't be included in git. You generally don't need to back up/commit this folder as it will be created/refreshed every time you compile the app.
You can either add the whole folder to the main gitignore file or just use the command $ touch .gitignore inside your build folder with * as the content of the file.
If you're using VSCode I would recommend the GitLens extension which let's you (among other things) directly ignore a folder within VSCode.

VSCode: Searching into all project content

Since VSCode version 1.31 I can't find anything into my project files. I've already reinstalled the VSCode App on my Mac, but nothing happened on it.
This option doesn't work without open the files before:
https://code.visualstudio.com/docs/editor/codebasics#_search-across-files
I've been searching on the web, but I didn't find anyone with the same problem as me.
Please, help me!!
To make all your files visible in search you must always make sure all the necessary files are present in the same director. And then as Renee stated in the comments above, you should add your working folder to the Workspace or open folder from the start screen. Below are the screen snippets of the Visual Studio code's start screen from where you can file Add Workspace Folder button. If it is not found, you can always find it under File menu.

Disable Auto Generation of .vscode Folder

I often like to use VSCode to quick view some projects to pull snippets from them. However, this leads to a ton of additional .vscode folders being placed on my drive in any folder I use the right-click -> Open with VSCode option.
Is there a way to disable this folder from being created every time vscode loads somewhere new?
This issue was due to the 'C/C++ for Visual Studio Code' extension being outdated.
Upgrading to the latest version of this extension has fixed the problem.
That is not the standard behaviour of VSCode, normally the .vscode only gets generated once there is something like a launch.json put into it. Mind checking what's actually in there?

JetBrains IDE: Disabling CoffeeScript -> .js file generation on save

I am using PyCharm to edit CoffeeScript files. Every time I save the file, PyCharm invokes a transpiler and generates .js file in the same folder as .coffee file.
This behavior is undesirable and I don't want my IDE to generate .js files.
I have not found a way to disable this behavior, even after going through File Watcher / Inspection settings and disabling inspections for CoffeeScript, as instructed in JetBrains IDE documentation.
How I can disable PyCharm (or other JetBrains IDEs) to automatically generate .js files from .coffee files?
Please disable file watcher per instructions in Help: go to Settings/Tools/File Watchers, select CoffeeScript file watcher there, clear the check box next to it

How to use SASS with Netbeans 8.0.1

I'm trying to use SASS in Netbeans 8.0.1. I have Ruby and SASS set up correctly based upon the feedback from ruby -v.
I have a web application set up with css and scss folders under Project\Web Pages\resources.
My input and output are set to /scss and /css respectively and I have checked 'Compile Sass File on Save'. I have created a styles.scss file and added some SASS/CSS.
When I save the styles.scss file, is it supposed to generate a styles.css? Nothing happens when I save or compile the project.
Has anyone run into any similar problems or have suggestions on how to debug this problem?
Thanks in advance!
Installing SASS on Windows10, Ruby2.2.3, Netbeans8
Download SASS for Windows - RubyInstaller.org
Install Ruby like:
Search windows for CMD (Command Prompt) and start it.
Access Ruby's bin folder using cd \Ruby\bin (Hit Enter)
Install sass using the command gem install sass (Hit Enter to install)
Wait for the installation to finish
In Netbeans open
Options → Tools → Miscellaneous (HTML/JS in v8.1+) → CSS Preprocessors tab
Enter the path to the installed sass.bat C:\Ruby\bin\sass.bat than click Install Sass.
Confirm your changes with Apply / OK
Use an existing one or Create a New Project (HTML5, PHP, whatever...).
After the project is created open the Projects window.
Right-Click your project and choose > Properties.
From the Project Properties popup select CSS Preprocessors.
Select the Compile SASS Files on Save.
(If you want the compiler to automatically minimize your .css result file, use --style compressed under the Compiler Options)
You can see from the image above that the compiler uses two default Input(watchable)/Output(compiled destionation) folders paths.
Create the scss folder (an optionally the css folder) in your project as well.
You're done!
As soon you create a new .scss file or you save it Netbeans will automatically compile the file to .css in the /css folder.
Yes, when you save the file, the css should be created/updated. I think you have wrong mapping for the input/output directories. The paths need to be relative to site root/web root. I don't know for sure what your project is (HTML5 or PHP or Java Web or other?), but if you have Java Web project, then the paths need to be
resources/scss -> resources/css
Salam guys, the below image form my (Command Prompt with Ruby) says that:
"Ruby Sass has reached end-of-life and should no longer be used"
For modern SASS and Netbeans we can just use https://github.com/sass/dart-sass/releases/tag/1.56.1 and install it in our PATH.
The release has the sass.bat file we need (as Roko C. Buljan pointed in his tutorial for Ruby).
There's not need to install Ruby and any other environment.
I applied this on Netbeans 15