javascriptvisual-studio-codegatsbysrc
In Visual Studio Code, why are src/pages linked together or appear together?
I'm new to Visual studio code (VSC) and I'm working through a Gatsby tutorial. Each time I've created a new directory, VSC links or appears to link src/pages together. I want pages to be a sub folder of src. Src should stand alone from other examples I've seen online. Is this common format? See below 
Solution
It's a pain in visual studio but you can change it by going to your user preferrences file (ctrl + shift + P) searching for preferences Open Settings (JSON) file and adding the following line "explorer.compactFolders": false, on settings.json file. Hit save and that's it!
When "explorer.compactFolders": true
When "explorer.compactFolders": false
- How to create streams from string in Node.Js?
- Filter or map nodelists in ES6
- How to force JavaScript to deep copy a string?
- Why is React component losing state sometime between setting state and keydown?
- Express.js - How to check if headers have already been sent?
- Why can't i unmute my HTML5 video with autoplay enabled?
- Is there any reason to manually `return` in a constructor function?
- Difference between Localhost and opening html file
- Change html table color based on the value of a cell
- Using Cypress, how to test if element does not exist?
- How to import ES Module into UI5 controller
- Referencing another element in CSS / doing math in CSS
- How to pass returned value to different component
- Correct way to handle conditional styling in React
- @panzoom/panzoom does not work when cursor over element
- How to make GTM run before redirect?
- How to make the Form elements work correctly when referencing in JS?
- Javascript live typing animation that handles HTML tags
- How to use onbeforeunload event handler without the pop up message?
- My Component in React JS application don't read the Headers from REST-Api - Headers is Empty
- How to get the absolute value of a number in JavaScript
- Detect if user is using webview for android/iOS or a regular browser
- Create a Web Worker from a Chrome Extension content script
- react-select: How do I resolve “Warning: Prop `id` did not match”
- How use BigInt that right shift operation and XOR in javascript?
- How to create checkbox inside dropdown?
- How to replace a quoted string with a modified version of it JQuery/Javascript
- Angular NG5002: @for loop must have a "track" expression
- Clickable Table Rows in Ruby on Rails
- How to focus on a form input text field on page load using jQuery?