Skip to main content

Enabling Intellisense for AngularJS in Visual Studio Code


Visual Studio Code is a feature rich code editor developed by Microsoft. Extensions can be added to the application to make it more usable. Intellisense is a developer feature that is present n almost all modern code editors and VSCode supports it. However, it does not support it out of the box. Follow the steps below to install Angular intellisense on VSCode Windows.

Prerequisites:


Steps 

  • Install the typings package through npm. Install it globally.
  • npm install -g typings
    
  • Install the Angular specific typings on the directory of your project.
  • typings install dt~angular --save
    
  • The typigs folder and files will be created on your projects folder.
  • The typings.json file will be created too. Eventually this will be filled up by configuration entries but since we are just starting out and we are only interested in intellisense, this is blank.
  • Create the jsconfig.json file in the projects root directory'
  • Validate that the AngularJS intellisense is working. 

Update

With the release of Angular 2 and 4, the VSCode Marketplace has plenty of extensions are available to help developers. Check out the marketplace here.

Comments

Popular posts from this blog

this year

.. i will learn new things, perhaps play a new instrument or go back to school.
.. i will find beauty on the open source community.
.. i will read more books and listen to more music.
.. i will pen more poems and possibly write more songs.
.. i will go for new distances and discover new terrains.
.. i will continue to pile running miles to stay fit and healthy.
.. i will strive to be free and make myself available to unknown future.
.. i will go out of my shell more often and be socially more open.

.. i will continue to grow and go with the changes of time.
.. i will be more patient and hopeful to things that may not even be possible.
.. i will be a better son, brother and more importantly a better father.
.. i will be closer with the great beyond.

.. i will continue to repair , refactor and upgrade myself to become a better version of me.

renaming default namespaces for VSTO projects in VS2008

So here is the scenario , you are starting a VSTO project and decided that your default namespace is ExcelAddInTesterApp . You created the project and started coding the project. After several days , your boss called and said "hey marvin , make use of this namespace OurCompany.ExcelAddInTesterApp , we have to add our company name to it got it?" . You get back to your machine thinking its just a simple property just like any project you've been working on. So you right clicked the VSTO project and hit properties . Boom! What the F@#$? The default namespace textbox is disabled!!!!



I've been through this and I googled for ways to do it and ended up with a blog from a Microsoft MVP telling me it can't be done because it is disabled. Then I thought of Refactoring, the beauty and grandeur of the renaming process. I selected the namespace and hit the refactor menu hoping that this would solve the problem . Unfortunately , it did not rather it displayed the message box …

Farewell NU107.5

As I write this blog,  millions of Filipino rock fanatics may have already known what happens after 12:00 midnight tonight. The only surviving station that caters to the rock genre will, sadly, be closing down and permanently signing off tonight. The news came to late to enjoy every second of what is left.  The sad news came to me the last week of October.  Being a follower of the station, I never believed it at first. But online resources would say the station really is nearing its demise.  With several minutes to go, it will be dead air.