I am using visual studio code for a while now on different devices, I have installed the following extensions:
vscode-styled-components
Prettier - Code formatter
JavaScript (ES6) code snippets
HTML Snippets
HTML CSS Support
File Utils
ES7 React/Redux/GraphQL/React-Native snippets
advanced-new-file
some of the extensions do not work on my new device like HTML Snippets, even if it is enabled.
I need to know that how to enable all the extensions installed in vscode and Is there any way to manage the new extensions installed
can you enable only HTML Snippets and disable all extensions? If it works, it may have a problem with other extensions.I know different pc its working, but try this.
Related
I would like to find a linter to analyze the formatting of my code, and also use the linter locally to format my code. And I would want to be able to do that with Visual studio code (and ideally, also Visual studio).
Right now, I am using Visual studio with resharper. But it's way too slow for me.
So I installed visual studio code, installed the extension omnisharp and roslynator, to be able to have the same formatting rules as resharper. So it works well, I configured my config file to display error when a rule is not respected, like that :
My issue is, I can't find a way to fix all these issue with a shortcut, like I use to do with Visual studio and resharper.
The shortcut shift+alt+F does not fix all my errors, and the command omnisharp "fixall" act weirdly, it remove my function Hi..
Do you have suggestion of setup with visual studio code to be able to format the code directly (not via a command line, but from a shortcut), and as advanced as resharper, and that could also work as a linter to analyze the code on the CI?
I am new to VS Code. HTMLHint extension shows hints live without a need to run a separate process.
I have used ESLint & JSHint in browser environment (Web or browser extension) and both show hints live.
I installed ESLint extension and it seems that it requires nmp & running a separate process to check the syntax.
Don't they run automatically like HTMLHint or Spell checker extensions?
How can syntax errors and/or suggestions be shown in VS Code?
I have the latest Visual Studio Code.
I have installed the latest SuiteCloud Extension for VS Code.
There is no intellisense.
I have also installed the SuiteNippets extension -- which is ok--but not full intellisense.
I am baffled as to why this is missing. Do I need to import/reference something from NetSuite--despite using their extension already?
How do I enable intellisense in VS Code for SuiteScript?
See my previous answer to a similar question. It's possible to use the Head-in-the-Cloud bundle to create javascript transpiled from TypeScript files. The code completion is good and you have the added benefit of type checking.
Autocomplete for CSS is not working in VSCode.
Usually, if I start writing an statement inside a CSS file, VSCode has an intenseness, which suggested all possible options.
But as you can see, it doesn't work inside my css file.
Any help?
I had the same issue after I installed the VSCode extension PostCSS Language Support,
I fixed it by disabling the extension.
If you have PostCSS Language Support installed add the following config in your settings.
{
"emmet.includeLanguages": {
"postcss": "css"
}
}
If you are using the PostCSS Language Support plugin, you may want to additionally install the PostCSS Intellisense and Highlighting plugin. Follow the plugin instructions to enable emmet support.
I realized that at the bottom right of the screen, my language mode was set to postCSS. So simply clicking there and changing it to CSS solved this. Images are for illustration
you might have installed some extensions which prevent css form doing autocomplete, uninstalling the latest extensions (from the time it started happening) will resolve your problem
You have to download visual studio code system rather than visual studio code use.... go to official site of visual studio code.... and select an option visual studio code system 64 or 32 bit..... Now you have to run the setup as "Run as administrator"
I'm using Visual Studio Code for different web development. Recently I'm using Drupal 8 to develop new websites. Drupal 8 has some theme file to place some PHP code in it to changes some parts of theming. How can I debug this theme files in Visual Studio Code? I can't place any breakpoints in my code.
If you find yourself here in future, you might want to look at Drupal Configuring for Visual Studio Code available on drupal site docs.
The URL is: https://www.drupal.org/docs/develop/development-tools/configuring-visual-studio-code
It explans in depth how you can configure:
phpcs: provides integration for PHP CodeSniffer (phpcs) code linting.
Debugger for Chrome: is a Microsoft official extension that adds JavaScript debugging support.
PHP DocBlocker: provides auto-complete for PHP docblocks.
Empty Indent: removes indent of empty lines on save.
PHP Debug: provides launch configuration support for XDebug. Requires XDebug.
And most important Editor Settings.
Happy coding
If you want to use Drupal with vscode I suggest you to install VS-code-drupal extension. It makes .module files recognizable as php files.
If you want to debug php code I suggest you to install vscode-php-debug extension. It's a bit tricky to configure, but if you follow the guide you will succeed.
Another useful extension is vscode-code-runner. It runs portions of code for testing it on the fly.
Unfortunately I have not found yet a good extension for php intellisense.