feat: prefer .vscode folder over app.code-workspace file (#251)

* feat: prefer .vscode folder over code-worspace file

- users are no longer required to manually open the workspace file
- vscode title bar now displays project name instead of "app"

* docs: remove mentions of old workspace file

* docs(react): remove platform-specific wording

Co-authored-by: Eric Morton <[email protected]>
Co-authored-by: Herman Jensen <[email protected]>

Author: xec

.gitignore

@@ -63,4 +63,3 @@ nodejs/generators/app/templates/reports
 
 # Visual Studio 2015/2017/2022 cache/options directory
 .vs/
-.vscode

docusaurus/react/getting-started/installation.mdx

@@ -13,17 +13,19 @@ sidebar_position: 1
 
 ## Create App
 
+Run these commands in your terminal.
+
 ```bash
 npx degit intility/templates/react my-app
 cd my-app
 
 npm install
 ```
 
-Run it in your terminal, and then open the Visual Studio Code Workspace with the following command.
+Open the project folder in Visual Studio Code with the following command.
 
 ```bash
-code app.code-workspace
+code .
 ```
 
 You can now start coding by running the start script.

docusaurus/react/getting-started/project-overview.mdx

@@ -7,6 +7,9 @@ Depending on which template you chose,
 your project structure will look more or less like the following:
 
 ```
+├── .vscode
+│   ├── extensions.json
+│   └── settings.json
 ├── chart
 │   ├── templates
 │   │   ├── _helpers.tpl
@@ -50,7 +53,6 @@ your project structure will look more or less like the following:
 ├── Dockerfile
 ├── Dockerfile.CI
 ├── README.md
-├── app.code-workspace
 ├── index.html
 ├── package.json
 ├── tsconfig.json

react/.gitignore

@@ -15,8 +15,6 @@ dist-ssr
 *.local
 
 # Editor directories and files
-.vscode/*
-!.vscode/extensions.json
 .idea
 .DS_Store
 *.suo

react/.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+    "recommendations": [
+      "swellaby.node-pack",
+      "esbenp.prettier-vscode",
+      "intility.vscode-backstage",
+      "redhat.vscode-yaml"
+    ]
+  }

react/app.code-workspace renamed to react/.vscode/settings.json

@@ -1,10 +1,4 @@
 {
-  "folders": [
-    {
-      "path": "."
-    }
-  ],
-  "settings": {
     "files.eol": "\n",
     "files.associations": {
       "*.js": "javascript",
@@ -35,13 +29,4 @@
       "editor.defaultFormatter": "dbaeumer.vscode-eslint"
     },
     "typescript.tsdk": "node_modules/typescript/lib"
-  },
-  "extensions": {
-    "recommendations": [
-      "swellaby.node-pack",
-      "esbenp.prettier-vscode",
-      "intility.vscode-backstage",
-      "redhat.vscode-yaml"
-    ]
-  }
-}
+  }

react/README.md

@@ -44,6 +44,8 @@ React
 
 ## Getting Started
 
+### First-time setup
+
 <!--
 Provide step by step instructions that will allow a new contributor to get a copy of the project up and running on their local machine.
 Installation of common development tools such as `git`, `docker` and IDEs can be covered here, but is not necessary.
@@ -52,6 +54,8 @@ The granularity and extent of these instructions will depend on the size and typ
 but may extend to things such as platform specific steps, etc.
 -->
 
+Clone the repository, then install dependencies with `npm install`
+
 ### Running the project
 
 <!-- Provide examples of how to run the project locally here, if applicable. -->
@@ -68,7 +72,7 @@ Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 The page will reload if you make edits.<br />
 You will also see any lint errors in the console.
 
-## `npm test`
+### `npm test`
 
 Launches the test runner in the interactive watch mode.