jsconfig.json: Property "plugins" is not allowed

[codepunkt]

Thanks the work you've put into this! styled-components intellisense would be awesome!

Unfortunately, i can't seem to get it to work using vscode 1.16.1. i've set it up according to the docs, but there is no intellisense available. Additionally, the jsconfig.json looks like this:

[lyyourc]

Is it a duplicate of #4 ?

[mjbvz]

The jsconfig.json warning should be addressed by SchemaStore/schemastore#348

[mjbvz]

The warning in the jsconfig should not stop the plugin from being loaded.

If you are not seeing the plugin being loaded after adding it to your jsconfg.json, please make sure you are using a workspace version of TypeScript. Run the Select TypeScript version command in VS Code to check this:

Plugins also require TypeScript 2.3+.

After updating your jsconfig.json the first time, make sure to restart TypeScript so that it gets loaded using the Restart TS server command or by reloading the VS Code window

@codepunkt Please let me know if those steps work

[lyyourc]

It doesn't work :(
I have Select TypeScript version , and Restart TS server , and try to restart VS Code~

jsconfig.json

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "typescript-styled-plugin",
        "tags": [
          "styled",
          "sty"
        ]
      }
    ]
  }
}

settings.json

{
  "prettier.semi": false,
  "prettier.trailingComma": "es5",
  "prettier.singleQuote": true,
  "prettier.jsxBracketSameLine": true,

  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },

  "path-autocomplete.pathMappings": {
    "/": "${workspace}",
    "@": "${workspace}/src"
  },
  "typescript.tsdk": "node_modules/typescript/lib"
}

package.json

{
"dependencies": {
  "gatsby": "^1.8.11",
  "gatsby-link": "^1.4.1",
  "gatsby-plugin-feed": "^1.3.9",
  "gatsby-plugin-google-analytics": "^1.0.7",
  "gatsby-plugin-manifest": "^1.0.8",
  "gatsby-plugin-nprogress": "^1.0.7",
  "gatsby-plugin-offline": "^1.0.9",
  "gatsby-plugin-react-helmet": "^1.0.6",
  "gatsby-plugin-styled-components": "^1.0.5",
  "gatsby-remark-autolink-headers": "^1.4.7",
  "gatsby-remark-images": "^1.5.10",
  "gatsby-remark-prismjs": "^1.2.7",
  "gatsby-source-filesystem": "^1.4.12",
  "gatsby-transformer-remark": "^1.7.7",
  "gatsby-transformer-yaml": "^1.5.7",
  "github-markdown-css": "^2.8.0",
  "grid-styled": "^2.0.0-10",
  "polished": "^1.7.0",
  "prop-types": "^15.5.10",
  "react-draggable": "^3.0.3",
  "react-headroom": "^2.1.6",
  "react-icons": "^2.2.5",
  "react-visibility-sensor": "^3.10.1",
  "styled-media-query": "^2.0.1"
},
"devDependencies": {
  "babel-eslint": "^7.2.3",
  "babel-plugin-module-resolver": "^2.7.1",
  "babel-plugin-syntax-dynamic-import": "^6.18.0",
  "babel-plugin-transform-class-properties": "^6.24.1",
  "babel-plugin-transform-object-rest-spread": "^6.26.0",
  "eslint": "^4.6.1",
  "eslint-config-prettier": "^2.4.0",
  "eslint-plugin-prettier": "^2.2.0",
  "eslint-plugin-react": "^7.3.0",
  "husky": "^0.14.3",
  "lint-staged": "^4.1.0",
  "prettier": "^1.6.1",
  "typescript": "^2.5.3",
  "typescript-styled-plugin": "^0.0.1"
}
}

VS Code: v1.16.1

[mjbvz]

@lyyourc Can you try VS Code 1.17 with the latest version of this plugin (0.1.0)?

I've also created a simple example project that shows to use this plugin with vscode: https://github.com/mjbvz/typescript-styled-plugin-example-project

[lyyourc]

The auto-complete works, while the linter seems have some issues:

@mjbvz

[mjbvz]

The json schema should now be fixed by SchemaStore/schemastore#348

If you are still seeing issues where the plugin is not being loaded in VSCode 1.17, please open a new issue