    &quot;typescript.suggest.autoImports&quot;: false 
    &quot;javascript.suggest.autoImports&quot;: false

Fresh VS Code version. February 2019

You can disable it by adding this line to your user or workspace settings (`File&gt;Preferences&gt;Settings`, or `Code&gt;Preferences&gt;Settings`).

    &quot;typescript.autoImportSuggestions.enabled&quot;: false

Ref.: https://github.com/Microsoft/vscode/issues/38551

Updated for new version of **VSCode 2019** for using the UI to modify the setting. 
So choose the ***File &gt; Preference &gt; Setting*** then search `auto` in the Workspace secton. Find the Javascrtip or Typescript with highlight word `auto import` then check or uncheck for enable / disalbe this function.

Here is the picture for reference.

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/EkFJL.png

As of August 2018 (1.25), the accepted answer doesn&#39;t always work. 

Instead, add this line to your folder-specific setting.

&lt;!-- language: lang-js --&gt;

    {  &quot;typescript.preferences.importModuleSpecifier&quot;: &quot;relative&quot; }

Don&#39;t figure what&#39;s going on here, but those automatic path changes never happen in my environment. 

For those using React/JavaScript you have to edit this setting in File &gt; Preferences &gt; Settings:

    &quot;javascript.updateImportsOnFileMove.enabled&quot;: &quot;never&quot;,

As I was checking news about GCC 8, I [saw](https://www.phoronix.com/scan.php?page=news_item&amp;px=GCC-C17-Support-Coming) that they added support for the 2017 version of the C language (not C++17, really C17). But I can&#39;t find any information about it on Internet.

**Is it a new ISO version like C11, or just a codename used by the GCC team for some corrections in their compiler ?**

What is C17 and what changes have been made to the language?

I&#39;m working on the [Google Cloud Storage .NET client
library][1]. There are three features (between .NET, my client
library, and the Storage service) that are combining in an
unpleasant way:

- When downloading files (objects in Google Cloud Storage
terminology), the server includes a hash of the stored data. My
client code then validates that hash against the data it&#39;s
downloaded.

- A separate feature of Google Cloud Storage is that the user can
set the Content-Encoding of the object, and that&#39;s included as a
header when downloading, when the request contains a matching
Accept-Encoding. (For the moment, let&#39;s ignore the behavior when the
request doesn&#39;t include that...)

- `HttpClientHandler` can decompress gzip (or deflate) content
automatically and transparently.

When all three of these are combined, we get into trouble. Here&#39;s a
short but complete program demonstrating that, but without using my
client library (and hitting a publicly accessible file):

    using System;
    using System.Linq;
    using System.Net;
    using System.Net.Http;
    using System.Security.Cryptography;
    using System.Text;
    using System.Threading.Tasks;
    
    class Program
    {
        static async Task Main()
        {
            string url = &quot;https://www.googleapis.com/download/storage/v1/b/&quot;
                + &quot;storage-library-test-bucket/o/gzipped-text.txt?alt=media&quot;;
            var handler = new HttpClientHandler
            {
                AutomaticDecompression = DecompressionMethods.GZip
            };
            var client = new HttpClient(handler);
            
            var response = await client.GetAsync(url);
            byte[] content = await response.Content.ReadAsByteArrayAsync();
            string text = Encoding.UTF8.GetString(content);
            Console.WriteLine($&quot;Content: {text}&quot;);
            
            var hashHeader = response.Headers.GetValues(&quot;X-Goog-Hash&quot;).FirstOrDefault();
            Console.WriteLine($&quot;Hash header: {hashHeader}&quot;);
            
            using (var md5 = MD5.Create())
            {
                var md5Hash = md5.ComputeHash(content);
                var md5HashBase64 = Convert.ToBase64String(md5Hash);
                Console.WriteLine($&quot;MD5 of content: {md5HashBase64}&quot;);
            }
        }
    }

.NET Core project file:

    &lt;Project Sdk=&quot;Microsoft.NET.Sdk&quot;&gt;
      &lt;PropertyGroup&gt;
        &lt;OutputType&gt;Exe&lt;/OutputType&gt;
        &lt;TargetFramework&gt;netcoreapp2.0&lt;/TargetFramework&gt;
        &lt;LangVersion&gt;7.1&lt;/LangVersion&gt;
      &lt;/PropertyGroup&gt;
    &lt;/Project&gt;

Output:

    Content: hello world
    Hash header: crc32c=T1s5RQ==,md5=xhF4M6pNFRDQnvaRRNVnkA==
    MD5 of content: XrY7u+Ae7tCTyyK7j1rNww==

As you can see, the MD5 of the content isn&#39;t the same as the MD5
part of the `X-Goog-Hash` header. (In my client library I&#39;m using the crc32c
hash, but that shows the same behavior.)

This isn&#39;t a bug in `HttpClientHandler` - it&#39;s expected, but a pain
when I want to validate the hash. Basically, I need to at the
content before *and* after decompression. And I can&#39;t find any way
of doing that.

To clarify my requirements somewhat, I know how to prevent the decompression in `HttpClient` and instead decompress afterwards when reading from the stream - but I need to be able to do this without changing any the code that uses the resulting `HttpResponseMessage` from the `HttpClient`. (There&#39;s a lot of code that deals with responses, and I want to only make the change in one central place.)

I have a plan, which I&#39;ve prototyped and which works as far as I&#39;ve
found so far, but is a bit ugly. It involves creating a three-layer
handler:

- `HttpClientHandler` with automatic decompression disabled.
- A new handler which replaces the content stream with a new `Stream` subclass 
  which delegates to the original content stream, but hashes the data as it&#39;s read.
- A decompression-only handler, based on the Microsoft [`DecompressionHandler`][2] code.
  
While this works, it has disadvantages of:

- Open source licensing: checking exactly what I need to do in order
  to create a new file in my repo based on the MIT-licensed
  Microsoft code
- Effectively forking the MS code, which means I should probably
  make a regular check to see if any bugs have been found in it
- The Microsoft code uses internal members of the assembly, so it
  doesn&#39;t port as cleanly as it might.
  
If Microsoft made `DecompressionHandler` public, that would help a
lot - but that&#39;s likely to be in a longer timeframe than I need.

What I&#39;m looking for is an alternative approach if possible -
something I&#39;ve missed that lets me get at the content before
decompression. I don&#39;t want to reinvent `HttpClient` - the response
is often chunked for example, and I don&#39;t want to have to get into
that side of things. It&#39;s a pretty specific interception point that
I&#39;m looking for.

  [1]: https://googlecloudplatform.github.io/google-cloud-dotnet/docs/Google.Cloud.Storage.V1/index.html
  [2]: https://github.com/dotnet/corefx/blob/master/src/System.Net.Http/src/System/Net/Http/Managed/DecompressionHandler.cs


Is it possible to access the compressed data before decompression in HttpClient?

The latest version of VS Code installed a few days ago (the October 2017 update) keeps adding all kinds of strange import statements to the top of the .ts code file.

For example, as I was editing a file, VsCode suddenly added a line like this to the top of the file:

    import { Stack } from &quot;../../../../../../../../../Repos/Web/node_modules/@types/d3&quot;;

How do I disable this behavior?



How to disable automatic import statements in VsCode October 2017

The latest version of VS Code installed a few days ago (the October 2017 update) keeps adding all kinds of strange import statements to the top of the .ts code file.
For example, as I was editing a file, VsCode suddenly added a line like this to the top of the file:
<pre><code class="hljs language-javascript">import { Stack } from "../../../../../../../../../Repos/Web/node_modules/@types/d3";
</code></pre>
How do I disable this behavior?

I am trying to access values of a map via enum and also make a translation ready app for all the strings in it.
Both concerns overlap and I have to decide between using enums or just object in JSON format.

So what exactly is the difference and useage between an enum and an object?

For example:

 - I can use enums to access arrays as well as inserting labels and other stuff like

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

const enum FieldNames {
  FirstField: &quot;Field One&quot;,
  SecondField: &quot;Field Two&quot;
};
        
someFieldArray[FieldNames.FirstField].label = FieldNames.FirstField;
someFieldArray[FieldNames.SecondField].label = FieldNames.SecondField;

&lt;!-- end snippet --&gt;

 - Or I can achieve the same behaviour via object

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    const FieldNames = {
      FirstField: &quot;Field One&quot;,
      SecondField: &quot;Field Two&quot;
    };

    someFieldArray[FieldNames.FirstField].label = FieldNames.FirstField;
    someFieldArray[FieldNames.SecondField].label = FieldNames.SecondField;

&lt;!-- end snippet --&gt;

I really do not get the benefit choosing enums over simple objects. In my opinion an object has much more benefits without any downsides.

What is the difference between enum and object in typescript

I have a problem where the Typescript compiler compiles my code successfully, yet the runtime gives me undefined type errors.

In my app I created a `types.ts` file with some things shared between multiple other ts files. It contains a string enum like:

    enum MyEnum {
      One = &quot;one&quot;;
      Two = &quot;two&quot;;
    }

When I define it like this. The compiler lets me use it in other ts files, and appears to be happy. However, at runtime I get the error &quot;MyEnum is not defined&quot;.

I know of two ways to solve this:

1. Define the enum in the file where it is used. But I don&#39;t think this will solve anything for other files that want to use it.
2. Use &quot;export&quot; in the types.ts file, and import every type explicitly everywhere it is used.

I am quite new to Typescript, and I feel I might be misunderstanding something fundamental. 

First, I don&#39;t get why the Typescript compiler happily compiles my code if there&#39;s going to be a runtime error. I would understand it if I had used the `declare` keyword, telling the compiler that something *should* be available at runtime, but in this case I don&#39;t see why it should assume that the enum comes from anywhere else then the types.ts file.

Second, I would like to define types somewhere globally in my app and have them be available everywhere without having to import them every time I used them. How do I accomplish this? Or is this maybe considered bad practice?

I am using Typescript 2.6 and my config looks like this:

    {
      &quot;compilerOptions&quot;: {
        /* Basic Options */
        &quot;target&quot;: &quot;es6&quot;,
        &quot;module&quot;: &quot;commonjs&quot;,
        &quot;lib&quot;: [&quot;es6&quot;, &quot;es7&quot;, &quot;esnext&quot;],
    
        &quot;sourceMap&quot;: true /* Generates corresponding &#39;.map&#39; file. */,
        &quot;outDir&quot;: &quot;build&quot; /* Redirect output structure to the directory. */,
        &quot;removeComments&quot;: true /* Do not emit comments to output. */,
    
        /* Strict Type-Checking Options */
        &quot;strict&quot;: true /* Enable all strict type-checking options. */,
    
        /* Additional Checks */
        &quot;noUnusedLocals&quot;: true /* Report errors on unused locals. */,
        &quot;noUnusedParameters&quot;: true /* Report errors on unused parameters. */,
        &quot;noImplicitReturns&quot;: true /* Report error when not all code paths in function return a value. */,
        &quot;noFallthroughCasesInSwitch&quot;: true /* Report errors for fallthrough cases in switch statement. */,
    
        &quot;plugins&quot;: [{ &quot;name&quot;: &quot;tslint-language-service&quot; }],
        &quot;skipLibCheck&quot;: true // because firebase-sdk has wrong type files now (Nov 18)
      },
      &quot;include&quot;: [&quot;src/**/*&quot;],
      &quot;exclude&quot;: [&quot;build&quot;]
    }

Enum type not defined at runtime

I&#39;m using angular 5.0.3, I would like to start my application with a bunch of query parameters like `/app?param1=hallo&amp;param2=123`. Every tip given in https://stackoverflow.com/questions/35688084/how-get-query-params-from-url-in-angular2/37962626 does not work for me.

Any ideas how to get query parameters work?

    private getQueryParameter(key: string): string {
      const parameters = new URLSearchParams(window.location.search);
      return parameters.get(key);
    }

This private function helps me to get my parameters, but I don&#39;t think it is the right way in new Angular environment.

[update:]
My main app looks like

    @Component({...})
    export class AppComponent implements OnInit {

      constructor(private route: ActivatedRoute) {}

      ngOnInit(): void {
        // would like to get query parameters here...
        // this.route...
      }
    }


How to get query parameters from URL in Angular 5?

I am trying to pull the data from my api, and populate it in my ionic app, but it is crashing when I enter the page the data should be populated on.  Below are my two .ts files:

    import { Component } from &#39;@angular/core&#39;;
    
    import { NavController, LoadingController } from &#39;ionic-angular&#39;;
    import { RestService } from &#39;../../providers/rest-service/rest-service&#39;;
    
    @Component({
      selector: &#39;page-all-patients&#39;,
      templateUrl: &#39;all-patients.html&#39;,
      providers: [RestService]
    })
    export class AllPatientsPage {
      data: any;
      loading: any;
    
      constructor(public navCtrl: NavController, public restService: RestService, public loadingCtrl: LoadingController) {
    
        this.loading = this.loadingCtrl.create({
          content: `
            &lt;ion-spinner&gt;&lt;/ion-spinner&gt;`
        });
        this.getdata();
      }
    
      getdata() {
        this.loading.present();
        this.restService.getJsonData().subscribe(
          result =&gt; {
            this.data=result.data.children;
            console.log(&quot;Success: &quot; + this.data);
          },
          err =&gt; {
            console.error(&quot;Error : &quot; + err);
          },
          () =&gt; {
            this.loading.dismiss();
            console.log(&#39;getData completed&#39;);
         }
       );
     }
    }

and the other file:

    import { Http } from &#39;@angular/http&#39;;
    import { Injectable } from &#39;@angular/core&#39;;
    import &#39;rxjs/add/operator/map&#39;;
    
    /*
      Generated class for the RestServiceProvider provider.
    
      See https://angular.io/guide/dependency-injection for more info on providers
      and Angular DI.
    */
    
    @Injectable()
    export class RestService {
    
      constructor(public http: Http) {
        console.log(&#39;Hello RestServiceProvider Provider&#39;);
      }
      
      getJsonData() {
        // return Promise.resolve(this.data);
    
         return this.http.get(&#39;url&#39;).map(res =&gt; res.json());
       }
    
    }

I have tried using the HttpModule as well, but it is a fatal error. The error is as shows:

    Error: Uncaught (in promise): Error: StaticInjectorError[Http]: 
      StaticInjectorError[Http]: 
        NullInjectorError: No provider for Http!
    Error: StaticInjectorError[Http]: 
      StaticInjectorError[Http]: 
        NullInjectorError: No provider for Http!
        at _NullInjector.get (http://lndapp.wpi.edu:8100/build/vendor.js:1276:19)

I am unsure why there is a no provider error, as this is the provider created through ionic framework

No provider for Http StaticInjectorError

I started a react project using create-react-app few months ago and I&#39;m interesting in migrating the project from Javascript to Typescript.

I saw that there is a way to create react app with typescript using the flag:

    --scripts-version=react-scripts-ts

But I didn&#39;t find any explanation how can I migrate an existing JS project to TS.
I need it to be done incrementally so I can work with both .js and .ts files so I can do the transformation over time.
Does anyone has any experience with this migration? What are the required steps that should be done to make this work?

Migrating create-react-app from javascript to typescript

I created a new file, set the C# language, and wrote some code. Then I pressed &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;Shift&lt;/kbd&gt; + &lt;kbd&gt;F&lt;/kbd&gt; (or &lt;kbd&gt;F1&lt;/kbd&gt; &amp;rarr; *Format Document*). And got I the error

&gt; Sorry, but there is no formatter for &#39;csharp&#39;-files installed.

Also, I installed *C# Extension*, but it didn&#39;t help.
The Visual Studio Code version is 1.18.0.









Visual Studio Code doesn&#39;t format C# code

I have this simple situation. I&#39;d like to refactor the name of the role variable:

[![Enter image description here][1]][1]

It looks like Visual Studio Code is smart enough to know that &quot;roles&quot; in the URL should not be touched.

I just want to refactor the name of the variable in a single file, in a single scope, not the whole file and definitely not multiple files!

If I use &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;H&lt;/kbd&gt;, it will bring me to a menu which by default refactors the name in multiple files or a whole single file, but I just want to refactor the name in a single function scope!

  [1]: https://i.stack.imgur.com/GLDOM.png




Refactor local variable name using Visual Studio Code

I use Visual Studio Code to write Python code with Pylint.

When I press &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;S&lt;/kbd&gt; (save), the editor wraps a long line into multiple short lines. How do I disable the action or configure wrap column count to 120 (default is 80)?

I have tried ` &quot;python.linting.pylintArgs&quot;: [&quot;--max-line-length=120&quot;]` and `&quot;editor.wordWrapColumn&quot;: 120`, but it didn&#39;t work.





Disable auto wrap long line in Visual Studio Code

How to trigger a popup with documentation for identifier under the cursor? 
Normally it appears when hovering the identifier using the mouse pointer:
[![enter image description here][1]][1]

I would like to achieve this effect using a command or keyboard shortcut.

The only related commands I found are: `trigger completion` (which doesn&#39;t show the function doc) and `trigger parameters hint` (which only works when the cursor is inside function call - parameters list). 

  [1]: https://i.stack.imgur.com/x10B7.png

How to trigger documentation popup in vscode

I am setting up my VS Code environment for the first time, but I can&#39;t figure out how to set Chrome as the default browser for the workspace.

Content Type	Original Author	Original Content on Stackoverflow
Question	prmph	View Question on Stackoverflow
Solution 1 - Typescript	Evgeniy Zaykov	View Answer on Stackoverflow
Solution 2 - Typescript	Antoine Boisier-Michaud	View Answer on Stackoverflow
Solution 3 - Typescript	nahoang	View Answer on Stackoverflow
Solution 4 - Typescript	Quv	View Answer on Stackoverflow
Solution 5 - Typescript	Kurt William	View Answer on Stackoverflow

How to disable automatic import statements in VsCode October 2017

Typescript Problem Overview

Typescript Solutions

Solution 1 - Typescript

Solution 2 - Typescript

Solution 3 - Typescript

Solution 4 - Typescript

Solution 5 - Typescript

Is it possible to access the compressed data before decompression in HttpClient?

What is C17 and what changes have been made to the language?

Attributions