In this article, we will see some of the settings you can do in Visual studio code to improve your productivity when working with React
So Let's g...
For further actions, you may consider blocking this person and/or reporting abuse
Thanks for awesome guide!
I have a question about ES7 React snippets extension.
For example, if we use imr, there will be import statement but there is no semicolon at the end. Do you have any idea about how to include it?
Thank you. For adding semicolon, you need to add semi: true property to .prettierrc file. Alternatively you can search for prettier semicolon in visual studio code user setting through command palette and enable semicolon
So does it mean that, I can't add semicolon without using prettierrc; no setting in snippets extension.
I mean In Visual Studio Code, press Control + Shift + P or Command + Shift + P (Mac) to open command palette and type setting and then select "Preferences: Open User Settings" option and then search for prettier semicolon
If you enable there, then there is no need of .prettierrc for adding semicolon
Thanks, it is working now.
So it means I need to use in combination of prettier(prettier semicolon setting true) + user setting ("editor.formatOnSave": true) to add semicolon.
No.only one of them is enough
It doesn't work without adding user setting ("editor.formatOnSave": true) for me. Only making a check at prettier(prettier semicolon setting true) doesn't add semicolon at the end after using snippets. Do you have any idea?
Sorry for misunderstanding your question. The first thing we did after installing the prettier extension is to check the checkbox for format on save so that's the main thing we need to do only once for your editor.
All other options will only work if that checkbox is checked and to automatically add semicolon on save, either you need to add the option
semi: truein.prettierrcor check the checkbox to add semicolon in prettier settingsYeah it is working after saving a file. But what I wanted is to add semicolon just immediately after using snippets.
You add all the snippets you want on separate line as I have shown in the gif in the article and finally when you save the file, semicolons will be added automatically.
I have also updated the article just now, for the steps to enable the semicolons under "Automatically add a semicolon at the end of the line" section
I mean, I want to add semicolon before saving the file.
The snippets extension does not add the semicolon automatically so you need to save the file to add the semicolons
Yeah, looks like that is the only possible way. Thanks for your sincere replies.
Hi James, Can you please make sure you've installed the correct extension?
You can also try restarting the Visual Studio Code IDE.
Try rafce instead of rce to check If that works and wait till it shows the autocomplete snippet before hitting the enter key after typing rafce
I had forgotten Lorem short cut in Emmet, good tips !
just enabled emmet with my react project
Awesome 👍