I am starting out with Ionic and I been using VSCode for all my development. One thing I miss in VSCode is the ability to view the UI (not as HTML) like preview and able to change things in the preview screens (like Visual Studio for asp.net).
Does VSCode do that with any plugins or is there an alternative editor which has this feature?
After some research found this https://creator.ionic.io and Robert Harvey's answer is good answer.
Related
In tutorials and in the programming book I am following, it all shows something like this to be on the homepage of vscode:
I want this too, so I can press the "Create a new project" button. However, my homepage of vscode looks like this, also after re-installing:
How can I create a new project?
The tutorials you're following are for Visual Studio. You've installed Visual Studio Code. Despite the similar names, they are completely separate products with completely different UI's and implementations, but with a little overlap in functionality. If you want the full Visual Studio (the current version of which is 2022), you probably qualify for the free Community edition, which you can download here, though of course you should double check the license to be sure.
VSCode has a very customizable UI with Activity Bar, Sidebar, Tabs, Status Bar etc (https://code.visualstudio.com/docs/getstarted/userinterface); customizable via extensions and seems to have been developed without any of the common web frameworks (https://github.com/microsoft/vscode/issues/99845).
It is well maintained, works in different OSes and has automatic updates.
Even if we remove the code-editor part, there is a lot of work in that.
This makes me wonder if it is possible to write a totally different app (not a code editor) on top of VSCode. For example a Slack-like messaging app, an Obsidian-like knowledge base app, etc.
Is it possible? Are there apps built on top of this code? Have I missed an important point that makes this idea unviable?
EDIT:
Some have pointed a very valid point. Some of what I mentioned here as VSCode features are really Electron features that VSCode inherits. Having developed an Electron app (5yrs ago) I see many things in VSCode that are not in Electron (but maybe my concept of Electron is wrong).
I want to emphasize that VSCode UI (bars, tabs, etc) + its extensibility seems to be a valid development framework. And I am ignorant of anything in this sense.
EDIT (jan/2023):
I guess we can add StackBlitz as a product that just did that.
I think your question is very valid and I was wondering the same thing, so thanks for asking it.
One thing that VS Code gives you that Electron doesn't is a distribution model - the marketplace and how new versions of your app can be detected and downloaded automatically etc. This is a big deal.
I think the disadvantages are that a very fancy UX may not be possible directly - but you have to "work around" by putting HTML within a Web View perhaps. This is just my guess and I haven't directly tried it.
To answer your question - the only one I am aware of is Thunder Client - so think of Postman - but as a VS Code plugin.
See also https://stackoverflow.com/a/67069697/314780 , which points to Eclipse Theia which uses parts from Visual Studio Code (i.e "Code - OSS") - https://theia-ide.org/ . The site links to a number of IDE-style apps built on top of it.
VS Code is an electron app. You might want to research what electron is – because you mention it: The Slack app is built on that same framework.
So, you've just invented something that already is done, very widely, in practice.
I would like to know if Visual Studio Code provides an API that help you develop a desktop application on top of it platform. The main idea is to do like in Eclipe RCP or IntelliJ Plateform.
I want to use the plugin system available in VS Code instead of developing my own plugin system.
Any help, any link or any information will be helpful.
Thanks in advance.
There are at least two ongoing projects that you can take inspiration from in this field:
https://theia-ide.org/ by Eclipse, which is an extensible platform to develop multi-language Cloud & Desktop IDEs. In the screenshots, you'll clearly distinguish the part coming from VSCode (like the Activity Bar) and custom ones, like the flexible layout system.
https://v2.onivim.io/ based on Vim but that should also leverage the VSCode plugins ecosystem according to the roadmap.
I want to share a new project to my GitHub. Can I do this similar to WebStorm where just click some buttons?
P.S. I could not find nowhere I can log in to GitHub in VSCode.
VS Code does not provide UI for this. I recommend learning to use the command line for this instead: https://help.github.com/articles/adding-an-existing-project-to-github-using-the-command-line/
A VS Code extension could also provide UI for this experience however I am not aware of any that do currently.
Using the new Visual Studio Code editor vs 1. This is not the full Visual Studio IDE but their atom.io based code editor. I would like to install plugins specifically for spell check and formatting my code. How can I do this?
I've followed instructions here: Is there a command for formatting HTML in the Atom editor?
but realized that I do not have a install plugin command.
It's been a few months since the question was asked (and answered), but thankfully, things have changed!
VSCode now support extensions!
Here's a relevant excerpt from the above blog post:
Extension Marketplace/Gallery
To complement the extensibility mechanism, we have also launched an in product gallery and web based extension marketplace. These allow you to discover and install extensions. To open this up in VSCode, simply hit F1 and select Extensions: Install Extensions.
Alternatively, you can browse the Extension Marketplace at https://marketplace.visualstudio.com/#VSCode.
I gave the marketplace a quick search and easily found multiple extensions for spelling and source formatting, but I'll forego making any specific recommendations since everyone's requirements are different.
For anyone looking to write their own extensions for VSCode, take a look at the documentation for extending VSCode, as it has a lot of the information you'd need to start writing your own extensions.
Lastly, thanks to Daniel for his comment. It helped me find the information I needed, but to save future visitors some time, I thought it was worth sharing my findings.
Plugin support is not currently enabled in the VSCode editor. The development team were not happy with the plugin API, so they have disabled them until further work can be made on this.
For more information, see this post: https://stackoverflow.com/a/30006220/495328
Nowadays you can use Prettier and Code Spell Checker for the purposes.
Here are some use case for spell check:
Load a CSS, JavaScript, Text, etc. file. Words not in the dictionary files will have a squiggly underline below the text.
To see the list of suggestions just click on the 💡 (lightbulb) in the left hand margin. You have the option to add your own words to the workspace dictionary.