VS Code 1.51 [made the list of suggestions resizable](https://code.visualstudio.com/updates/v1_51#_resizable-suggestions) so it&#39;s possible your suggest widget is simply shrunken down to be a single line high. 

To fix this, trigger suggestions and then click and drag at the bottom edge of the suggest widget to increase the number of visible suggestions.

[![Resizing the suggest widget][1]][1]

Note that you can always use the arrow keys to navigate through suggestions, even if only one suggestion is visible. Use this to check if the widget is simply too small or if there really is only one suggestion


  [1]: https://i.stack.imgur.com/dLayW.gif

I wasted time on this too... (bummed)

_________

Solution:

 - Open:   Command Palette                     
 - Type:   &quot;&gt;Reset Suggest Widget Size&quot;
 - Select: &#39;click&#39; or [ENTER]

_________

Opinion: 

Wish I saw Matt Bierner&#39;s answer sooner. 
(The suggestion window can be resized by dragging its borders with your cursor.)

When creating a new project in Android Studio Arctic Fox Canary 8, this is the app level build.gradle

```
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
    repositories {
        google()
        mavenCentral()
    }
    dependencies {
        classpath &quot;com.android.tools.build:gradle:7.0.0-alpha08&quot;
        classpath &quot;org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.30&quot;

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

```

When creating the same new project in the Android Studio 4.1.2, the app-level build.gradle file is this:

```
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
    ext.kotlin_version = &quot;1.3.72&quot;
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath &quot;com.android.tools.build:gradle:4.1.2&quot;
        classpath &quot;org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version&quot;

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        google()
        jcenter()
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

```

One of the libraries I am using requires the `allprojects`

I manually tried to add the `allprojects` section in Canary 8, received this error:

```
 problem occurred evaluating root project &#39;My Application&#39;.
&gt; Build was configured to prefer settings repositories over project repositories but repository &#39;Google&#39; was added by build file &#39;build.gradle&#39;
```

Why was the `allprojects` in Android Studio Canary 8 was removed and how can I add it back so that I can use the libraries?

In Android Studio Arctic Fox Canary 8, the app level build.gradle does not generate `allprojects` section and causes error when manually added

I&#39;m trying to figure out the difference between [NextJs][1] and [Create React App][2]. I know both are there to make our life easier while developing our Front-end Apps using [ReactJs][3].

After exploring some articles on Google, I found that the main difference is
 
&gt; NextJs provides server side rendering (SSR) while Create React App
&gt; provides client side rendering (CSR) and SSR improves performance of 
&gt; Application Loading.
&gt;

But what about other parameters from development perspective like 

**Maintainability and Scalability of the Web App developed with NextJS or CRA?**

 **Typescript and React Hooks/Redux support**? 

Or you can even Guide me if I&#39;m doing a wrong comparison?

  [1]: https://nextjs.org/
  [2]: https://create-react-app.dev/
  [3]: https://reactjs.org/
  [4]: https://medium.com/walmartlabs/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8#:~:text=Here%20is%20a%20very%20simple,with%20links%20to%20your%20javascript.

What is the difference between NextJs and Create React App

Normally when I used to type in my VSCode editor, the intellisense showed all the possible suggestions for the entered query.

However, now as I type, only one suggestion is shown that best matches the query.

For instance, when I type in ```b```, the intellisense just shows a suggestion for the HTML ```&lt;b&gt;``` element — not a *list* of suggestions including tags such as ```&lt;button&gt;```.

Is there any way to change this? I have searched a lot of the net but couldn&#39;t find any sort of help.

Visual Studio Code intellisense showing one suggestion at any time

Normally when I used to type in my VSCode editor, the intellisense showed all the possible suggestions for the entered query.
However, now as I type, only one suggestion is shown that best matches the query.
For instance, when I type in <code>b</code>, the intellisense just shows a suggestion for the HTML <code>&#x3C;b></code> element — not a list of suggestions including tags such as <code>&#x3C;button></code>.
Is there any way to change this? I have searched a lot of the net but couldn't find any sort of help.

I&#39;m struggling with following &quot;error&quot; in VSCode : 
```
Argument for &#39;--jsx&#39; option must be: &#39;preserve&#39;, &#39;react-native&#39;, &#39;react&#39;
```

Hence, react-scripts (create-react-app) automatically sets the ```jsx``` key to ```react-jsx``` value, when ```react``` value seems to work.

Actually, the code works perfectly and displays the page I want, but the IDE is underlining kinda everything as errors, saying :
```
Cannot use JSX unless the &#39;--jsx&#39; flag is provided.
```

Here is my tsconfig.json :

```
{
  &quot;compilerOptions&quot;: {
    &quot;target&quot;: &quot;es5&quot;,
    &quot;lib&quot;: [
      &quot;dom&quot;,
      &quot;dom.iterable&quot;,
      &quot;esnext&quot;
    ],
    &quot;allowJs&quot;: true,
    &quot;skipLibCheck&quot;: true,
    &quot;esModuleInterop&quot;: true,
    &quot;allowSyntheticDefaultImports&quot;: true,
    &quot;strict&quot;: true,
    &quot;forceConsistentCasingInFileNames&quot;: true,
    &quot;noFallthroughCasesInSwitch&quot;: true,
    &quot;module&quot;: &quot;esnext&quot;,
    &quot;moduleResolution&quot;: &quot;node&quot;,
    &quot;resolveJsonModule&quot;: true,
    &quot;isolatedModules&quot;: true,
    &quot;noEmit&quot;: true,
    &quot;jsx&quot;: &quot;react-jsx&quot;
  },
  &quot;include&quot;: [
    &quot;src&quot;
  ]
}

```

, and my package.json (default one provided by create-react-app + packages updated) :

```
{
  &quot;name&quot;: &quot;front-office&quot;,
  &quot;version&quot;: &quot;0.1.0&quot;,
  &quot;private&quot;: true,
  &quot;dependencies&quot;: {
    &quot;@testing-library/jest-dom&quot;: &quot;^5.11.6&quot;,
    &quot;@testing-library/react&quot;: &quot;^11.2.2&quot;,
    &quot;@testing-library/user-event&quot;: &quot;^12.2.2&quot;,
    &quot;@types/jest&quot;: &quot;^26.0.15&quot;,
    &quot;@types/node&quot;: &quot;^14.14.9&quot;,
    &quot;@types/react&quot;: &quot;^17.0.0&quot;,
    &quot;@types/react-dom&quot;: &quot;^17.0.0&quot;,
    &quot;bootstrap&quot;: &quot;^4.5.3&quot;,
    &quot;react&quot;: &quot;^17.0.1&quot;,
    &quot;react-bootstrap&quot;: &quot;^1.4.0&quot;,
    &quot;react-dom&quot;: &quot;^17.0.1&quot;,
    &quot;react-scripts&quot;: &quot;4.0.1&quot;,
    &quot;typescript&quot;: &quot;^4.1.2&quot;,
    &quot;web-vitals&quot;: &quot;^1.0.1&quot;
  },
  &quot;scripts&quot;: {
    &quot;start&quot;: &quot;react-scripts start&quot;,
    &quot;build&quot;: &quot;react-scripts build&quot;,
    &quot;test&quot;: &quot;react-scripts test&quot;,
    &quot;eject&quot;: &quot;react-scripts eject&quot;
  },
  &quot;eslintConfig&quot;: {
    &quot;extends&quot;: [
      &quot;react-app&quot;,
      &quot;react-app/jest&quot;
    ]
  },
  &quot;browserslist&quot;: {
    &quot;production&quot;: [
      &quot;&gt;0.2%&quot;,
      &quot;not dead&quot;,
      &quot;not op_mini all&quot;
    ],
    &quot;development&quot;: [
      &quot;last 1 chrome version&quot;,
      &quot;last 1 firefox version&quot;,
      &quot;last 1 safari version&quot;
    ]
  }
}

```

I&#39;m using the latest version of Typescript, and I updated all my packages with ```ncu```, closed/opened VSCode (works sometimes with tsconfig !) and nothing seems to resolve that.

I&#39;m pretty sure it&#39;s a VSCode problem, but I&#39;m running out of ideas about how to resolve that.

Any of you guys got ideas ?


Edit:

If you followed the above steps and VSCode still shows the &quot;*-jsx*&quot; error, make sure you have disabled the &#39;TypeScript God&#39; extension (and any other TS extension until the issue no longer appears).

Problem with Visual Studio Code using &quot;react-jsx&quot; as jsx value with create-react-app

I recently started seeing, what seems like, TSLint errors.
They look like this:

&gt; Not using the local TSLint version found for 
&#39;/Users/myname/myproject/client/src/app/likes/likee/likee.component.ts&#39;.
To enable code execution from the current workspace you must enable workspace library execution.

I&#39;m seeing them in my .ts files when I open them and it shows a yellow squiggly line on the first line of each .ts page.

I see on the [TSLint][1] site it says it&#39;s been deprecated. 

**QUESTION 1** - What&#39;s the cause of these errors and why am I suddenly seeing them?

**QUESTION 2** - Should I uninstall the Visual Studio Code TSLint extension and install the ESLint extension?


  [1]: https://www.npmjs.com/package/tslint

TSLint extension throwing errors in my Angular application running in Visual Studio Code

I did it many times, and each time I forgot where it was.

Menu *File* &amp;rarr; *Preferences* &amp;rarr; *Settings*.

I get this:

[![Enter image description here][1]][1]

I want to open file *settings.json* (editable JSON file) instead. How can I do that?

  [1]: https://i.stack.imgur.com/peXuM.png






How can I open Visual Studio Code&#39;s &#39;settings.json&#39; file?

I received [an email][1] saying GitHub will require token authentication after August 13 2021. I want to ensure I don&#39;t have an interruption of service (push/pull) after this date.
So I logged into GitHub and [created a token][2] for my single repository.

Now I want to use the token to push/pull my repository from GitHub, in Visual Studio Code, which uses Git and the command line, which I have installed on my Mac.

What do I do to add/replace the password from GitHub with the generated token I just created to push/pull from my repository? Can I do it from Visual Studio Code or does it get added from the terminal command line?

  [1]: https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/
  [2]: https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token




How to add a GitHub personal access token to Visual Studio Code

I just created a new project and have run it for the first time using &lt;kbd&gt;F5&lt;/kbd&gt; or &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;F5&lt;/kbd&gt;, the result in Chrome is:

&gt; The site can&#39;t be reached
&gt;
&gt; err_connection_refused

I checked the option at the breakpoints for &quot;Exceptions caught&quot; and the following error is displayed.

[![Enter image description here][1]][1]

Without &quot;Exceptions caught&quot; checked, the next error raised:

[![Enter image description here][2]][2]

I tried to run &quot;ng s -o&quot; from the terminal and all work fine. The site is working well on port 4200, but I like to debug.

Here is my *launch.json* file, all by default:

```
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    &quot;version&quot;: &quot;0.2.0&quot;,
    &quot;configurations&quot;: [
        {
            &quot;type&quot;: &quot;pwa-chrome&quot;,
            &quot;request&quot;: &quot;launch&quot;,
            &quot;name&quot;: &quot;Launch Chrome against localhost&quot;,
            &quot;url&quot;: &quot;http://localhost:4200&quot;,
            &quot;webRoot&quot;: &quot;${workspaceFolder}&quot;
        }
    ]
}
```

Why is this happening?

  [1]: https://i.stack.imgur.com/r8Zmr.png
  [2]: https://i.stack.imgur.com/pIWZA.png










Content Type	Original Author	Original Content on Stackoverflow
Question	coderboy	View Question on Stackoverflow
Solution 1 - Visual Studio-Code	Matt Bierner	View Answer on Stackoverflow
Solution 2 - Visual Studio-Code	GatesKennedy	View Answer on Stackoverflow

Visual Studio Code intellisense showing one suggestion at any time

Visual Studio-Code Problem Overview

Visual Studio-Code Solutions

Solution 1 - Visual Studio-Code

Solution 2 - Visual Studio-Code

What is the difference between NextJs and Create React App

In Android Studio Arctic Fox Canary 8, the app level build.gradle does not generate `allprojects` section and causes error when manually added

Attributions