{"id":1984,"date":"2015-07-13T11:06:29","date_gmt":"2015-07-13T09:06:29","guid":{"rendered":"http:\/\/mariusbancila.ro\/blog\/?p=1984"},"modified":"2015-07-13T11:06:29","modified_gmt":"2015-07-13T09:06:29","slug":"update-cordova-for-visual-studio-tools-for-apache-cordova","status":"publish","type":"post","link":"https:\/\/mariusbancila.ro\/blog\/2015\/07\/13\/update-cordova-for-visual-studio-tools-for-apache-cordova\/","title":{"rendered":"Update Cordova for Visual Studio Tools for Apache Cordova"},"content":{"rendered":"

Visual Studio Tools for Apache Cordova (VSCordovaTools for short) is a great Visual Studio toolset to develop hybrid applications for multiple platforms, including Android, iOS and Windows. One of the nice things about the tool is that it installs everything you need to develop with Cordova. You don’t have to care about installing multiple components, runtimes, setting system environment variables, etc. However, one of the drawbacks is that it is not currently supporting updating those components to newer versions. <\/p>\n

The latest release available for VS 2013 is CTP 3.1 and this build comes with Cordova 3.5.0. Should you need to use a newer version you have to do it manually. In this blog post I will list all the steps you need to do to update to the latest version Cordova (currently 5.1.1) both on Windows and on Mac (where you build the iOS version of the hybrid apps). However, in these steps I will also include how to update Node.js and npm.<\/p>\n

Update Cordova on Windows<\/h3>\n

Note: Make sure you close all instances of Visual Studio before starting this process.<\/p>\n

    \n
  1. Download and install the latest version of Node.js from nodejs.org<\/a>.<\/li>\n
  2. Update npm<\/tt>. To check your current npm<\/tt> version run the following command in a console:\n
    npm -v<\/pre>\n
    To update to the last version of npm<\/tt> run the following command in a console (elevated As Administrator):<\/p>\n
    npm install -g npm<\/pre>\n<\/li>\n
  3. Update Cordova. To check your Cordova version run the following command in a console:\n
    cordova -v<\/pre>\n
    To update to the last version of cordova<\/tt> run the following command in a console (elevated As Administrator):<\/p>\n
    npm install -g cordova<\/pre>\n<\/li>\n
  4. Update the vs-mda<\/tt> version of Cordova with the latest you just installed in the previous step. Cordova is (globally) installed at %APPDATA%\\npm\\node_modules\\cordova<\/em>. vs-mda<\/tt> copy of Cordova is available at %APPDATA%\\npm\\node_modules\\vs-mda\\node_modules\\cordova<\/em>. Replace the entire content of this folder with the one of the global Cordova installation.<\/li>\n
  5. Install missing modules (this might depend on the latest version you install). For 5.1.1 I had to install concat-map<\/tt> and balanced-match<\/tt>. If anything else is necessary it should show up in the output log when you build your Cordova project.\n
    npm install -g concat-map<\/pre>\n
    npm install -g balanced-match<\/pre>\n<\/li>\n<\/ol>\n
    Update Cordova on Mac<\/h3>\n
    Note: Make sure you stop the vs-mda-remote<\/tt> agent before performing this upgrade.<\/p>\n
      \n
    1. Open a Terminal session and run the following command:\n
      sudo npm update -g cordova<\/pre>\n<\/li>\n
    2. Update the vs-mda-remote<\/tt> version of Cordova with the the latest you just installed in the previous step. Cordova is (globally) installed at \/usr\/local\/lib\/node_modules\/cordova<\/em>. vs-mda-remove<\/tt> copy of Cordova is available at \/usr\/local\/lib\/node_modules\/vs-mda-remote\/node_modules\/cordova<\/em>. Replace the entire content of this folder with the one of the global Cordova installation.<\/li>\n
    3. Restart the vs-mda-remote<\/tt> agent.<\/li>\n<\/ol>\n
      With all these installed you should be all set to start building with the latest version of Cordova.<\/p>\n","protected":false},"excerpt":{"rendered":"
      Visual Studio Tools for Apache Cordova (VSCordovaTools for short) is a great Visual Studio toolset to develop hybrid applications for multiple platforms, including Android, iOS and Windows. One of the nice things about the tool is that it installs everything you need to develop with Cordova. You don’t have to care about installing multiple components, … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[402,439,416,52,10],"tags":[419,441,443,442,55,362,440],"class_list":["post-1984","post","type-post","status-publish","format-standard","hentry","category-apps","category-ios","category-mobile","category-tools","category-visual-studio","tag-cordova","tag-ios","tag-mobile","tag-npm","tag-visualstudio","tag-vs2013","tag-vscordovatools"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t