199 Lotus blogs updated hourly. Who will post next? Home | Blogs | Search | About 
 
Latest 7 Posts
Goodbye Evernote
Tue, Jan 17th 2017 7
Merry Christmas!
Sun, Dec 25th 2016 6
Visual Studio Code Editor
Fri, Nov 11th 2016 5
Work with Rich Text from DDS
Fri, Oct 21st 2016 15
A Polymer Avatar component
Wed, Oct 12th 2016 7
MWLUG Recap
Sat, Aug 20th 2016 5
Red Pill is the MWLUG Sponsor of the Week
Fri, Aug 12th 2016 5
Top 10
Work with Rich Text from DDS
Fri, Oct 21st 2016 15
Polymer app-layout Elements
Fri, Jul 1st 2016 10
Domino svg support
Fri, Aug 12th 2016 9
1.5 Years with Polymer Web Components
Sun, May 29th 2016 8
XMage, your XPrentice will surely miss you
Mon, May 12th 2014 8
Re-usability is the Goal!
Tue, Jun 14th 2016 7
I’m speaking at MWLUG 2016
Tue, Jun 28th 2016 7
A Polymer Avatar component
Wed, Oct 12th 2016 7
Goodbye Evernote
Tue, Jan 17th 2017 7
IBM Please fix Domino authentication
Tue, May 24th 2016 6


Visual Studio Code Editor
Twitter Google+ Facebook LinkedIn Addthis Email Gmail Flipboard Reddit Tumblr WhatsApp StumbleUpon Yammer Evernote Delicious
Keith Strickland    

I’ve been using the Visual Studio Code editor for the last couple of weeks and thought I would share my experience. I’ve mainly used this in a plain ‘ole polymer application which consists of html files. Using the editor this way has shown some of it’s shortcomings. Don’t get me wrong, I think it’s a fine editor and has a lot of features I really like. However with CSS, HTML and JavaScript all residing in the same file, a lot of the typeahead features just don’t work, which is my biggest complaint.

So onto my review, I’ll first start with my dislikes:

  • JavaScript intellisense doesn’t work with JavaScript embedded in an html file
  • HTML tags don’t auto close. In Sublime Text, when you type <div> and press enter, you get the corresponding </div>, this just doesn’t happen with Visual Studio Code. Likewise when starting a function or css definition.
  • I couldn’t figure out how to do block comments via a keyboard command (i.e. Highlight a block of code and press the correct key combination and it comments out that block). I found the keyboard command and even defined a custom one for this operation, but never could get it to work.
  • When you install any extension, you have to restart the editor
  • Doesn’t highlight corresponding opening/closing things (i.e. tags, code blocks, etc.)
  • All of the jsDoc functionality and extensions just don’t work when your JavaScript resides inside an html file
  • Missing color highlighting extensions. For example, type a color in css (i.e. red, #FF0000, rgb(255,0,0), etc) in sublime, that text is highlighted the color you typed when selected and has an underline of the color when not selected

That’s not a very big list of dislikes honestly, especially for something I spend all day in. So now for my likes:

  • It’s very configurable with a lot of extensions
  • Use in a TypeScript project and you get the same type of smarts you’ll find in most Java editors with great intellisense. Same if your JavaScript resides in a .js file. Great intellisense
  • Easy to navigate around your project without having to use the mouse
  • Built-In GIT client that’s easy to use, I actually haven’t opened sourcetree in a week, which is usually something that’s open most of the time on my machine
  • A very clean interface, it’s nice to look at. To me, Sublime Text looks… I don’t know, dated
  • While I didn’t try it, it has built-in debugger that connects to your browser
  • It’s actively being developed. Seems a new version is coming out monthly.
  • All kinds of linters built in
  • JSCS functionality built in
  • Love the integrated Terminal
  • Built in Emmet support, if you’ve ever used Emmet, you know how awesome it is

I think that about covers it. I really like this editor, and it’s easy to use, intuitive and nice to look at. Just some of the things I use every day are missing so I’ll probably try something else. While Red Pill is starting to use TypeScript in all of our projects, this particular project will take a couple of weeks to convert to TypeScript. So that’s really not an option at the moment. But, if you’re using TypeScript or are working on a large JavaScript project, this is a great editor for those scenarios. Once this particular project I’m working on is converted to use TypeScript, I’ll probably revisit this editor.

Until next time, Happy Coding!

Share This:



---------------------
http://keithstric.me/2016/11/11/visual-studio-code-editor/
Nov 11, 2016
6 hits



Recent Blog Posts
7
Goodbye Evernote
Tue, Jan 17th 2017 5:22p   Keith Strickland
I’ve been using Evernote for a few years now and have enjoyed it’s feature set and the ability to plan and document a complex project (namely home/shop projects) with shopping lists, ideas, etc. But recently every time I attempt to use Evernote to create a quick note or maybe just jot something down, I’m presented with a request to upgrade to a pay plan, or to update or just general advertising. I can no longer just open it and create a note. Because of this, I have now backed
6
Merry Christmas!
Sun, Dec 25th 2016 10:57p   Keith Strickland
Merry Christmas!! I hope everyone is having a great holiday. I thought now might be a good time to look back over the year and review some of the technology I’ve dealt with. Surface Pro 4: Last year I got a Surface Pro 4 tablet. I started the process of switching to it instead of my aging MacBook Pro. While I REALLY like the hardware and how everything works there were just a few issues which got on my nerves so bad I couldn’t ever completely make the switch. As far as performance, I
6
Visual Studio Code Editor
Fri, Nov 11th 2016 3:42p   Keith Strickland
I’ve been using the Visual Studio Code editor for the last couple of weeks and thought I would share my experience. I’ve mainly used this in a plain ‘ole polymer application which consists of html files. Using the editor this way has shown some of it’s shortcomings. Don’t get me wrong, I think it’s a fine editor and has a lot of features I really like. However with CSS, HTML and JavaScript all residing in the same file, a lot of the typeahead features just don
15
Work with Rich Text from DDS
Fri, Oct 21st 2016 5:33p   Keith Strickland
So you’ve created your shiny new web application using DDS and everything is really cool, except for the display of rich text. You’ve figured out that there is a multipart MIME object in the JSON delivered by DDS, and it has the HTML in that, but it still looks crappy. It has tags littered throughout and just doesn’t look good. Well, I think I’ve got the solution for you. If you look at that multipart MIME Object and find the ‘text/html’ entry you’ll not
7
A Polymer Avatar component
Wed, Oct 12th 2016 5:50p   Keith Strickland
At MWLUG a lot of people seemed surprised that I would create a component just for an avatar. My response to that is why wouldn’t you build an avatar component? So, in this post I’m going to show you how to build one for your applications. Let’s start out with the use case. We want to show an avatar for a person in various locations throughout our application. This avatar should do a few different things: Should show a picture of a person if one is attached to their person do
5
MWLUG Recap
Sat, Aug 20th 2016 11:27p   Keith Strickland
I had a great time at MWLUG this year. It was great to see so many familiar faces and friends, most of which I only see at the user groups. But, I just got home and thought I would share some of my thoughts and observations about the event and my take away about the state of our beloved Notes. As usual Richard Moy put together a great conference, so many thanks to him for making that event possible. The tone of the event was that most everyone is starting to realize that the Notes client is qui
5
Red Pill is the MWLUG Sponsor of the Week
Fri, Aug 12th 2016 12:21p   Keith Strickland
Red Pill Now is the Sponsor of the Week for MWLUG. Check out our video in the top right corner of the site. .huge-it-share-buttons { border:0px solid #0FB5D6; border-radius:5px; text-align:right; } #huge-it-share-buttons-top {margin-bottom:0px;} #huge-it-share-buttons-bottom {margin-top:0px;} .huge-it-share-buttons h3 { font-size:25px ; font-f
9
Domino svg support
Fri, Aug 12th 2016 12:09p   Keith Strickland
I’ve been messing with the Polymer vaadin-grid. If you enable hidable columns, a little graphic svg icon shows in the top right hand corner of the grid that produces a drop down menu of all the columns in the grid. You click one and it’ll hide that column. This was working great when running from my local gulp server. However when I put it on Domino, the little icon wasn’t showing, but the button was there (you couldn’t see it tho) and the menu worked when clicked. I di
5
Setting up a Polymer development environment
Fri, Jul 29th 2016 11:35a   Keith Strickland
When working with Polymer you’ll need a development environment. Google has created some great tools for doing this, mainly the Polymer-CLI. This is a command line interface for creating elements, applications, building applications (though I prefer a Gulp build system), a web server and some other misc. tools. This should be your starting point for setting up your development environment. To setup the polymer-cli you’ll need a few dependencies: Git Node.js (4.x) Bower Once those a
5
sortablejs – Drag-n-Drop without jQuery UI
Thu, Jul 21st 2016 4:59p   Keith Strickland
I had a need to enable drag-n-drop for a particular part of our portal. In the past I’ve always used jQuery-UI as it’s quite easy to enable drag-n-drop. Doing some research I came across a StackOverflow question about enabling drag-n-drop with Polymer. One of the answers mentioned sortablejs. This is a very minimalist library to enable drag-n-drop. Best part about this library is that it has a port for Polymer. BONUS! But there are several ports available: Angular, Knockout, Meteor,




Created and Maintained by Yancy Lent - About - Planet Lotus Blog - Advertising - Mobile Edition