The #windowsazure story continuous … in integration and delivery … TFS + VS online #mvpbuzz

Today a totally new feature was pushed to the datacenters
and thus also to your Windows Azure portals and accounts. Can you spot the new
kid in town?

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa1.png
Can you see it? Watch closely … Do you see it now?

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa2.png
Yes you did see it. An online Visual Studio. Now before you’re
going to say: "wait, that’s the name for TFS online, right? " , no it
isn’t! It’s a real online visual studio editor. Well not a fancy as VS 2013 but
it has some nice features and capabilities included. Let’s find out.

How do I get it, me wants it, me needs it, … my precious…

Well first of all you need to create a WAWS (Windows Azure
Website) before you can actually use it. Open up the management portal, create
a new website of choice and then go to the configure page after the creation.

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa3.png
Enable the above "switch" and save your
configuration.

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa4.png
Once done, go back to your dashboard page and a new item will
appear momentarily under the "Quick glance" section:

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa5.png
You now have the power to edit your website in Visual Studio
Online (fairly easy steps, right?) There’s a catch though, call it a little
cosmetic error but when you want to log in to the VS online part, you need to
enter your publisher credentials, but WITHOUT the site name. So it’s not quite the
same as logging in on the FTP site of your website. KEEP THAT IN MIND :-)

Now that I have it, is it one tool to rule’em all?

Or in other words: what can I do with it …

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa6.png
Well … on first looks we got a couple of things to play with,
let take a look at the tool’s anatomy shall we:

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa7.png
As you can see there are some similarities with the normal
visual studio. We’ve got following tools available:

  • Explore window
  • Show output windows
  • And the console window

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa8.png
Next to that you can also run (and auto save) your sources and
have Git integration (logical because Kudu seems involved)

Editing something is a breeze, edit and run and your
changes are saved! It is smooth

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa9.png

And gives the desired result

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa10.png

Now another cool thing is intellisense … yes it has it :-) in both the editor and
the console window … wait … WHAT? Indeed full intellisense support … pretty
awesome

CSS:

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa11.png
And even color scaling for that :-)

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa12.png
HTML:

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa13.png
End even tag closing :

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa14.png
Console:

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa15.png
Below you can see that a lot of things can be run in the command line,
with native support for Nuget, MSBuild and so on and so on. Powershell can be
run on scripts and even node is in there (it must be christmas!)

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa16.png
Ground control to source control …. Ground Control to source
control

It would be a continuous platform if it didn’t have some
sort of integration with source control. The choice is Git for starts but I can
imagine this will be expanded over time. Although it’s Git integration through
TFS online (the other Visual Studio Online ;-) ) The cool thing is that you can
either commit/push/pull either in the graphical way or in the console way. And
that makes it a very pleasant experience. If you’re going to use Git
integration then don’t forget to enable basic authentication in your TFS Online
account.

The integration of the source control happens in the same
way all the other integrations happen:

Click on the Git Icon and the on the connect to visual
studio button:
https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa17.png

Select your subscription:
https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa18.png

Accept the policy and authorize the app
https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa19.png

and you’re set. Then it is up to your git knowledge on what
to do with it ;-)

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa20.png
Above you see the console push with a security screen/for
implemented for authenticating. And you can see the commands were entered
through the console.

Even the commits and their comments have a similar
experience
https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa21.png

The top menubar gives you all info on pulls pushes and
branches:

https://techmike2kx.files.wordpress.com/2013/11/111313_1445_thewindowsa22.png

As you can see there’s a lot to discover, but it’s all
pretty straightforward. We can truly say that 2013-11-13 is the Visual Studio
launch on every aspect.

Enjoy the new toys!!

M.

 

About these ads

5 thoughts on “The #windowsazure story continuous … in integration and delivery … TFS + VS online #mvpbuzz

  1. Pingback: Wednesday, November 13, 2013 on #WindowsAzure | Alexandre Brisebois

  2. Pingback: Windows Azure Community News Roundup #77 - Windows Azure - Site Home - MSDN Blogs

  3. Pingback: Windows Azure Community News Roundup #77 - Windows Azure Blog

  4. Pingback: Windows Azure 社区新闻综述(#77 版) - 微软云计算: Windows Azure 中文博客 - Site Home - MSDN Blogs

  5. Pingback: Toying around with Visual Studio Monaco on Windows Azure … some side dishes | TechMike2KX's Blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s