···

       
12
       
12
       
 
       
- When you save it will generate `typed-document-nodes` for your documents and cast them to the correct type

     

       
13
       
13
       
 
       
- Will warn you when you are importing from a file that is exporting fragments that you're not using

     

       
14
       
14
       
 
       


     

       
15
       
15
       
+
       
> Note that this plugin does not do syntax highlighting, for that you still need something like

     

       
16
       
16
       
+
       
> [the VSCode/... plugin](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql-syntax)

     

       
17
       
17
       
+
       


     

       
15
       
18
       
 
       
## Installation

     

       
16
       
19
       
 
       


     

       
17
       
20
       
 
       
```sh

     
···

       
41
       
44
       
 
       


     

       
42
       
45
       
 
       
> If you are using VSCode ensure that your editor is using [the Workspace Version of TypeScript](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript)

     

       
43
       
46
       
 
       
> this can be done by manually selecting it or adding a `.vscode/config.json` with the contents of

     

       
47
       
47
       
+
       
>

     

       
44
       
48
       
 
       
> ```json

     

       
45
       
49
       
 
       
> {

     

       
46
       
50
       
 
       
>   "typescript.tsdk": "node_modules/typescript/lib",

     

···

       
12
       
12
       
 
       
- When you save it will generate `typed-document-nodes` for your documents and cast them to the correct type

     

       
13
       
13
       
 
       
- Will warn you when you are importing from a file that is exporting fragments that you're not using

     

       
14
       
14
       
 
       


     

       
15
       
15
       
+
       
> Note that this plugin does not do syntax highlighting, for that you still need something like

     

       
16
       
16
       
+
       
> [the VSCode/... plugin](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql-syntax)

     

       
17
       
17
       
+
       


     

       
15
       
18
       
 
       
## Installation

     

       
16
       
19
       
 
       


     

       
17
       
20
       
 
       
```sh