Visual Studio Code Plugins (Format / Spell Check) - visual-studio-code

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.

Related

How to get WebStorm code formatting in VS Code

In the company we are using WebStorm for React, and for the last 3 years I have been working in VS Code.
Is there a way to get exact code formatting for all languages in VS Code as in WebStorm on default settings, and how to achieve that in order to prevent unnecessary diffs in git?
I can only tweak VS Code settings, I must not touch WebStorm.
To get the same formatting/functionality as Webstorm, I suggest using VS Code extensions. You will find an extension for almost every language/framework available on the VS Code marketplace.
Here is a list of recommended extensions that makes VS code behave as Webstorm.
For your particular case, I suggest you to use and configure Prettier.
Note that you might not want to install too many extensions but only the ones you need because loading too many extensions will probably slow down your IDE.

How can I configure Visual Studio Code to recognize files with extensions other than .js as Javascript

We have a QA tool (SmartBear's TestComplete) that uses javascript as a scripting language, but names the file with a ".sj" extension instead of ".js". I would like to use Visual Studio Code to edit those files, with all the nice intellisense and other tooling that comes with it, but I can't figure out how to configure it to recognize .sj files as javascript files. Any ideas?
Answering my own question, just for future readers that may be searching for the same thing.
According to a tweet from #code, this is not yet possible, but is coming "soon".

How can I customise the Selenium IDE export?

Within Selenium IDE for Firefox, under Options -> C# / NUnit / Webdriver, there is a button 'Source' to view the conversion formatter.
It is displayed in read-only format.
Is it possible to get access to this file in order to customise the export process?
Sorry if this seems like a trivial question, I've found plenty of people complaining about not being able to perform various tasks online and a few responses that indicate that custom export is supported, but I can't seem to find a way to access the file to perform the work.
Thanks
I think I found a solution to this problem.
Though you can't customize any of the built in exports, like C# / NUnit / Webdriver, you can create a completely new exporter. I'd recommend modifying an excising one.
Get the source exporter you would like to modify. Ex Options->Options->Formats->C#/NUnit/Webdriver->Source. And copy it to a text editor.
Edit this code.
Options->Options->Formats->Add(button) and paste your new exporter.
I think you have to copy and paste the text, there is not file upload.
This worked for Selenium IDE 2.5.0
Hope this helps!
EDIT: In addition to my answer above, it may be easier to just write your own parser for the Source of your IDE Test.
The source is read-only because it has been provided by a Selenium IDE Plugin.
The source is usually helpful if you want to make a very simple formatter. Usually a better way is to create your own customised version of the formatter and package it in a plugin. Take a look at the source itself and the plugin tutorial at http://docs.seleniumhq.org/projects/ide/plugins.jsp
You can find some more information and slides about Selenium IDE plugins on my blog.
Cheers,
Samit Badle
Selenium IDE Maintainer. Twitter: #samitbadle
Blog: http://blog.reallysimplethoughts.com/

CSS property wizard in PHP project using NetBeans

Long time reader, first time asking a question.
Most of my development work has been in .NET using Visual Studio. Recently I took over maintenance of a website built on PHP and downloaded NetBeans as an IDE.
NetBeans has a very nice CSS property wizard for HTML projects that highlights the CSS rules in use for a particular element and lets you edit the rules directly. However, this doesn't appear to be available for PHP projects, even for pure HTML files within the project. Is that correct, or am I just missing some configuration? I can't seem to find any confirmation either way in the documentation or forums. (It would be unfortunate if it didn't work... it's a really useful feature.)
Thanks,
Terry
If you are referring to the visual CSS editing support that works with Google Chrome and the WebKit browser embedded in NetBeans, then this feature will be available for PHP projects in the upcoming NetBeans 7.4 release. See also this blog post: https://blogs.oracle.com/netbeanswebclient/entry/html5_development_with_java_ee
Hope this helps,
Petr

How to disable this Netbeans highlighting?

I'm not sure if StackOverflow is the right site for this question but i don't think I'd get better help from other than developers here.
Basically Netbeans keeps highlighting scripting in ERB or HTML files. I tried to disable many things in tools -> options -> fonts & colors. But none worked.
Any one knows how to get rid of that? It appears on all themes.
Old Queston, but still relevant, (and in other IDEs as well). For Netbeans v8, you will find most of the old links / themes unusable. But there is a way.
Go to Tools -> Plugins and search 'theme' and you will get "Dark Look And Feel Themes"
The default that came up after a reboot did NOT have the ugly highlighting on scripts, and it is easy on the eyes (unlike the default theme), plus it has good color-highlighting for "html.erb" files. The controller code could use some work on the highlighting, but I can live with it.
And before anyone points it out - yes, official support was dropped by NB for Ruby. The community, however, has done a great job via plugins keeping the Ruby/Rails support working.