autocomplete is not working in jsx file vs code 1

autocomplete is not working in jsx file vs code

      "emmet.includeLanguages": {
        "javascript": "javascriptreact"
      },
      "emmet.triggerExpansionOnTab": true

Here is what the above code is Doing:
1. We’re telling VS Code to use the ESLint package that we installed using npm.
2. We’re telling VS Code to use the Prettier package that we installed using npm.
3. We’re telling VS Code to use the Airbnb style guide.
4. We’re telling VS Code to use the React plugin for Emmet.
5. We’re telling VS Code to use the JavaScript plugin for Emmet.
6. We’re telling VS Code to use the JavaScript React plugin for Emmet.
7. We’re telling VS Code to use the Emmet plugin when we press the tab key.

Now, let’s save the file and close it.

Now, let’s open the .eslintrc.json file.

Here’s what the file looks like:

{
“extends”: “airbnb”,
“parser”: “babel-eslint”,
“env”: {
“browser”: true,
“node”: true
},
“rules”: {
“react/jsx-filename-extension”: [1, { “extensions”: [“.js”, “.jsx”] }]
}
}

Here’s what the above code is doing:
1. We’re telling ESLint to use the Airbnb style guide.
2. We’re telling ESLint to use the Babel parser.
3. We’re telling ESLint to use the browser environment.
4. We’re telling ESLint to use the node environment.
5. We’re telling ESLint to allow us to use the .js and .jsx file extensions for React components.

Now, let’s save the file and close it.

Now, let’s open the .prettierrc file.

Here’s what the file looks like:

{
“singleQuote”: true,
“trailingComma”: “es5”
}

Here’s what the above code is doing:
1. We’re telling Prettier to use single quotes instead of double quotes.
2. We’re telling Prettier to add trailing commas to objects and arrays.

Now, let’s save the file and close it.

Now, let’s open the .babelrc file.

Here’s what the file looks like:

{
“presets”: [“react”, “env”, “stage-2”]
}

Here’s what the above code is doing:
1. We’re telling Babel to use the React preset.
2. We’re telling Babel to use the env preset.
3. We’re telling Babel to use the stage-2 preset.

Now, let’s save the file and close it.

Now, let’s open the package.json file.

Here’s what the file looks like:

{
“name”: “react-boilerplate”,
“version”: “1.0.0”,
“description”: “”,
“main”: “index.js”,
“scripts”: {
“test”: “echo \”Error: no test specified\” && exit 1″,
“build”: “webpack -p”,
“start”: “webpack-dev-server”
},
“keywords”: [],
“author”: “”,
“license”: “ISC”,
“devDependencies”: {
“babel-core”: “^6.26.0”,
“babel-loader”: “^7.1.2”,
“babel-preset-env”: “^1.6.1”,
“babel-preset-react”: “^

Similar Posts