How to fix VSCode intellisense in fresh .vue files? - vue.js

There is no autoimports, component tips and etc in .vue files just created (1st screen). If i restart VSCode it's immediatly appears (2nd screen), but still doesn't work in new files. So i have to restart VS Code every new .vue file to have the stuff.
My extensions are:
IntelliCode
TypeScript Hero
Volar (with TakeOver mode enabled)
Vue VSCode Snippets
Maybe someone has encountered a similar problem and knows how to solve it?

Related

Load dependencies in Vscode preview

I'm working in VSCode with some Vue components that I copy/paste into my company's CMS (long story). I have a single file for each component (HTML with inline CSS and some Vue and Axios) that appears on the final webpage which has dependencies in the head. There's often trial and error to test my endpoints, text formatting, etc. so I would like to test before deploying to my site with a tool like VSCode. Is there a way to tell VSCode to load the Vue and Axios frameworks rather than include them at the top of each component file? I can test each piece individually but not together.
As you can see, I may also just be missing some major concepts in web development and/or VSCode features.

Theme glitching with newest Version of IntelliJ IDEA

I am using the newest (updated) version of IntelliJ IDEA. I am coding in Javascript (React) and i've been using the One Dark theme for ages now.
But since the last update, everything is glitched.
So first problem:
The IDE is now allways starting in the white theme (which is related to the windows theme)
When i try to change the Theme, either nothing happens, or it just doesnt show any Themes, even tho i installed more than 14 (they are disabled tho).
Second problem:
I can not code in Javascript anymore. There is just no collor at all. No marking for functiond etc.
Third problem:
My IDE is crashing almost everytime, I try to open a new, or existing project.
Why is that, has someone simular issues, and what can i do, to prevent having to reinstall my IDE, as i do not want to set my IDE up again.
Thank you in regards
You will have to reinstall. But you can save the Config file.
So you can keep all your settings.
Here are the Paths for windows
Windows:
Configuration: %APPDATA%\JetBrains\IntelliJIdea2020.3
Plugins: %APPDATA%\JetBrains\IntelliJIdea2020.3\plugins
System: %LOCALAPPDATA%\JetBrains\IntelliJIdea2020.3
Logs: %LOCALAPPDATA%\JetBrains\IntelliJIdea2020.3\log
Hope this helped.

How to enable autocomplete / IntelliSence for sass in vue files in VS Code?

I use lang="sass" in my .vue files in VS Code, but the autocomplete / IntelliSence is not working for css properties.
(I already have Vetur installed)
Does anyone have a working solution or know what settings to enable or change?
I'm not sure how Vetur handles CSS/SCSS, but I use Prettier and I manage the intelisense settings in the "extensions" settings group. There is a section specific to css preloaders within Prettier.
I know this is an old question but i am using vueter also and in the settings in vs code i found the sass to be formatted with sass-formatter. So i installed that plugin form vs code sidebar, i was then instructed to also install sass/sass/sass from the sass website. I accomplished this with brew. sass is now supporting auto completion in *.vue files

IntelliJ: shortcuts for comments do not work anymore on html files

In my IntelliJ ultimate editions, shortcuts for comments do not work anymore on html files (and just on html files). It happened suddenly after a restart (I had maybe install a plugin, but I'm not sure).
I just updated to the last version (173.4548.28), but the problem persists.
In the settings I don't find anything defining in which types of file the shortcuts are available.
Where should I look to solve this problem?

How to enable hot swap in intelliJ

I want to work on intelliJ on my webapps and I don't know how to hot swap code while working.
For example while I was working in Eclipse when I edited jsp files Eclipse automatically, instantly swapped the file so when I refreshed the page my changes were there
When I change class code in Eclipse it worked a bit longer because he republished the app but did it automatically and instantly.
I saw that intelliJ in the runtime configuration has an option 'how class swap'. I did check it but nothing is happening. I had tried compile, make, save and everything else and nothing is happening. I had to reload the app and I had to do dis manually. Secondly intelliJ reloads EVERY application in my webapp directory. I have them a lot so it taking ages. how can I turn on hot swap?
Hotswap only works in debug mode. So you need to connect to your webserver through a debug configuration. Then, after compile either the project or at least the class with the modifications, IntelliJ tries to hotswap that class.
This only works for minor changes. For example, creating new methods on the fly is not possible using this way.
Hotswap works with exploded artifacts on Update action. If it doesn't work with your project, contact support for help and provide the project to reproduce it.