I just installed VSCode and React Native but when I watched some videos about app development in these I noticed that VSCode suggests React Native components and CSS properties (in app.js) for the user so want to find a way to enable this function or there might be an extension that does it.
here are a couple of images for more clarity (from videos - the results I want)
https://i.stack.imgur.com/cPAPE.png
https://i.stack.imgur.com/m7aK1.png
I tried maybe importing all React Native components but it seems to be stupid.
I noticed that in the CSS files VSCode does suggest properties.
VSCode does suggest words I already used.
I think I found a solution. I just reset my VScode settings and it seem to work.
How to reset settings in Visual Studio Code?
Related
I am building an extension for VsCode and wanted to show a small tutorial on how to use it, but I can't find an appropriate API for that. Obviously, I can save some variables in the global state to follow user progress and use some FE framework to do some drawing in a webview, but it feels very custom. I saw that VSCode shows a tutorial on initial installation and hoped I can do the same.
In VSCode it is called a walkthrough and is defined simply in package.json. Here is a link to this API: https://code.visualstudio.com/api/references/contribution-points#contributes.walkthroughs
and this an example project https://github.com/microsoft/vscode-extension-samples/blob/main/getting-started-sample/package.json#L39
It is pretty easy to define and use. It accepts text, media files, and markdown files.
I'm trying to create NFT's using Visual Studio Code, however, the image layers (.ai) are not recognized by VSC. What do I need to do to make this extension work with VSC? Thank you for your time.
VSCode does not natively support anything that has to do with .ai files. You will need an extension ("plugin") for vscode to make it work if it even exists... From what I found an extension that supports image editing with layers is Luna Paint. However, it doesn't say anything about supporting .ai files. I hope you find a way around of what you want to accomplish!
How to enable vscode hover function? When I go to the function I want to see their references links and navigate to them. In my Sublime text It is working properly but I want to make proper in my VS code also.
I fixed this with going to extensions, typing #builtin, scrolling to my language extension in features list (Typescript and Javascript item) and enabling my language extension:
For some reasons my extension was disabled in the list (even though the docs say it's enabled by default).
Source:
alexdima`s answer from 4 Dec 2019 from:
https://github.com/microsoft/vscode/issues/85846#issuecomment-561649920
The feature you are referencing is known as IntelliSense in VSCode, which is enabled by default on versions 1.3 and above.
The languages supported out of the box are JavaScript and TypeScript.
So, if you need code-intellisense for other languages you'll have to install extensions for the specific languages.
See image below for intellisense support
I recently had the same issue for like a week and I was going crazy, then I discovered that there is a setting for it, which I don't remember disabling but anyways it fixed the problem.
Go to your VSCode settings (settings.json) and set editor.hover.enabled to true.
{
"editor.hover.enabled": true
}
Otherwise, if you like UI setting stuff, search for "hover enabled" in your settings and make sure is enabled.
I've been using PhpStorm for awhile, for PHP as well as JS. I would love, however, to switch to VSCode since it's lighter, open source and free. But one feature that I cannot quite carry over with extensions is Code Style settings.
PhpStorm has a sweet visual interface in settings that allows you to set up detailed code style rules with live examples right there. ESLint, unfortunately, doesn't have anything similar - it's all text rules (which is a drag and takes forever to set up).
So I'm wondering if there's any way at all to export PhpStorm code style settings as ESLint rules? Or if there's an app that has a similar interface to set up ESLint? Or maybe there's a VScode extension that I am missing that has a similar interface?
I'm trying to create an (ideally) all-in-one cross platform tile based map/sprite/image editor for a game engine, since the current official one is Windows only and doesn't play nicely with WINE/Mono. Instead of building one from scratch, I figured it might be easier to create an extension for Visual Studio Code, but side panes don't seem to be interactive, and I'm having trouble getting it to open an electron window.
Is this possible, or should I just build it from scratch with electron?
That won't work. Visual Studio Code is a code editor, which supports extensions that can either add functionality to the IDE itself or provide HTML content to show in an own pane. This is not enough (and not made) for a full featured editor-in-editor scenario (interaction is limited).
I've built an extension which has a graphical view of a graph (see the last image) using D3.js, with limited interaction capabilities (you can select/drag a node and pan/zoom with the mouse).
Better is probably to go level down and start with Electron (on which vscode is based). This would allow you to write any desktop application that can be written in HTML/JS.