i got a little problem over here and i don't get why. My Syntax Highlighting doesn't work on a normal .js file whilst i've Babel Javascript & the Atom One Pro Theme activated as extensions. Don't get whats going wrong here.
picture of the code how it looks right now
Try the Template Literals plugin from the visual studio marketplace. Refer to the below blog for the exact reason.
Reference:
https://medium.com/#julienetienne/javascript-the-need-for-template-literal-highlighting-ff5806adc814
Related
I'm having an issue with Visual Studio Code. For some .vue files, sometimes, the syntax highlighting colors are inconsistent. I haven't been able to determine a pattern.
Here's an example of two files opened with almost same code.
These are the extensions I have installed:
I can't find a way to resolve this issue.
Volar and Vetur together were the problem. I'm working with Vue 2, so I deactivated Volar and everything works perfect now.
I checked previous questions on SO here and here and VS Code's issues here and here.
I still don't know how I can comment jsx syntax in VS Code by cmd + /. I tried syntax JavaScript React and JavaScript Babel and add:
"files.associations": {
"*.js": "javascriptreact"
},
into user settings. Nothing helped. When I check Developer Tools, there are no error messages.
recording
If you have Babel ES6/ES7 plugin installed, disable it. Editor comments .jsx syntax by // instead of {/*. You see see the issue here.
It works for me, Remember Atom has this behavior, but VSCode looks a bit intelligent around this area.
I have no custom file associations defined. Also I am on the latest version of VsCode. Make sure you have no additional addins that takeover and change the behavior
I've been working on some scripts for Windows using Visual Studio Code and was surprised that when I type WScript on a line the IntelliSense pops up the correct code completion information, even on my Mac.
I've read the documentation on the VSC website and suspect its either coming out of the built-in JavaScript support or Automatic Type Acquisition from some included library but really would like to find out exactly where this is coming from. So far either my Google-Fu is or nobody has written a thing about it because I can't find any information anywhere. Can anyone answer this one?
It's built into TypeScript. In VSCode, it's actually easy to find the source because you can press F12 on the definition in code, and it will show you the .d.ts:
When I first started using Visual Studio Code for my cobol, it was working fine. But lately when I try to compile my code after saving it in vsc it gives errors about there being weird characters.
If I do the same changes in Notepad++ it works fine. I've been going through the settings in vsc but I cannot find anything wrong in there. But then again I don't know that much about it. I'm also using the extension cobol syntax support from bitlang.
Does anybody know how this is possible? Is there some setting that messes this up? I cannot really show any screens or anything. since this is all work related and I'm not allowed to share.
My guess is, that this is related to the code page used to save the project.
Notepad++ by default uses UTF-8. you may need to change the code page on Visual Studio Code to UTF-8.
https://code.visualstudio.com/docs/getstarted/settings
I want to use VS Code to try out the examples of a JavaScript book, but there's no IntelliSense, or at least I don't know how to activate it.
In Visual Studio this feature works out of the box :
But in VS Code, all I got is a message saying "No suggestions."
What do I need to do to enable IntelliSense in VS Code?
Starting with the November 2016 (version 1.8) release, Visual Studio Code now fully supports IntelliSense for JavaScript in HTML.
Note that the language support doesn't follow script includes, it only knows about definitions made in the same file.
Currently Unsupported
JS intellisense doesnt work in HTML script tag - VSCode GitHub Issues #4369
Smart Javascript suggestions inside HTML files no loger working after Visual Studio Code update - StackOverflow
It worked for me, when the file had a .js extension. I didn't get any intellisense when I pasted it into .html file between script tags.
Edit To Add: You can also change the Language Mode by clicking 'HTML' in the bottom of the VS Code window and change it to 'JavaScript'.
It is supported!
Intellisense and syntax highlighting start working after replacing
<script>something()</script>
with
<script type="text/javascript">something()</script>
Make sure you have HTML language mode selected in the bottom right corner. I had Markdown mode set for an unknown reason (autodetect?) and it didn't work for me. Javascript mode won't work either for HTML files.
Visual Studio Code version 1.4.0 does not support CSS intelli-sense.
I have an extension for CSS style, id and class intelli-sense for html documents:
Features:
Style tag completion and hover.
Style attribute completion and hover.
Id attribute completion.
Class attribute completion.
Scans workspace folder for css files.
Supports optional resource.json file for fine tuned resource selection.
Link:
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css