{"id":1045,"date":"2015-08-03T00:07:59","date_gmt":"2015-08-03T00:07:59","guid":{"rendered":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/?p=1045"},"modified":"2020-06-17T11:17:02","modified_gmt":"2020-06-17T11:17:02","slug":"cordova-goes-ms-visual-studio","status":"publish","type":"post","link":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/","title":{"rendered":"Cordova goes MS Visual Studio"},"content":{"rendered":"\n

Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden. Diese Anwendungen k\u00f6nnen auf die Funktionen des jeweiligen Endger\u00e4tes \u2013 zum Beispiel die Kamera \u2013 zugreifen, ohne dass daf\u00fcr nativer Code f\u00fcr ein spezielles Endger\u00e4t entwickelt werden muss. F\u00fcr die Implementierung von Apps mit Cordova reichen HTML, CSS und JavaScript (vgl. http:\/\/cordova.apache.org\/<\/a>).<\/p>\n\n\n\n

Mit Visual Studio 2013 bot Microsoft erstmals eine Projektvorlage f\u00fcr die Entwicklung von Apps auf Basis Cordova an. Die Projektvorlage wich allerdings von der von Cordova vorgeschlagenen Verzeichnisstruktur ab. In Visual Studio 2015 RC wurde dieser Mangel behoben, so dass nun bereits bestehende Entwicklungen in Visual Studio 2015 RC \u00fcberf\u00fchrt werden k\u00f6nnen. Hat man dies erledigt, kommt man in den Genuss einer Reihe von Tools und Emulatoren, die die Entwicklung und den Test von Apps wesentlich erleichtern.<\/p>\n\n\n\n

Findet man ein Cordova-Projekt in der empfohlenen Verzeichnisstruktur vor, so kann dieses Projekt mit wenigen Handgriffen in eine Solution f\u00fcr Microsoft Visual Studio Community 2015 RC \u00fcberf\u00fchrt werden.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Entwicklungsumgebung<\/h2>\n\n\n\n

Bedingung ist, dass die \u201eVisual Studio Tools for Apache Cordova\u201c installiert sind. Die Tools werden, sofern man bei der Installation von Visual Studio Community 2015 RC die entsprechende Option ausgew\u00e4hlt hat, automatisch installiert (vgl. https:\/\/www.visualstudio.com\/en-us\/features\/cordova-vs.aspx<\/a>).<\/p>\n\n\n\n

<\/div>\n\n\n\n

Was braucht man f\u00fcr die \u00dcbertragung?<\/h2>\n\n\n\n

Zuerst braucht man daf\u00fcr nat\u00fcrlich eine entsprechende Solution- und eine Projekt-Datei. Diese lassen sich leicht erstellen, indem man mit Visual Studio ein Cordova-Projekt anlegt und sich dann die Dateien *.sln und *.jsproj schnappt. Diese k\u00f6nnen dann f\u00fcr das bereits vorhandene Cordova-Projekt eingesetzt werden.<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Dar\u00fcber hinaus braucht Visual Studio auch noch die Datei taco.json aus dem Projektverzeichnis. Das von Visual Studio erstellte Projekt hat dann diese Struktur:<\/p>\n\n\n\n

\"Screenshot<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Ein paar wenige Handgriffe<\/h2>\n\n\n\n

Und schon hat man eine Solution f\u00fcr Visual Studio:<\/p>\n\n\n\n

  1. Das Projekt, das in Visual Studio \u00fcberf\u00fchrt werden soll, sollte einen \u00fcbergeordneten Ordner haben. In diesen Ordner wird dann die soeben erstellte Solution-Datei (*.sln) kopiert. Der Name der Solution-Datei sollte an den Namen des Projektes angepasst werden.<\/li>
  2. Die soeben erstellte Projekt-Datei (.jsproj) wird in den bereits vorhandenen Projektordner kopiert. Auch deren Namen sollte dem Namen des Projektes entsprechen.<\/li>
  3. Ebenfalls wird die taco.json aus dem soeben erstellten Projekt in das Verzeichnis des bereits vorhandenen Projektes kopiert.<\/li>
  4. Zu guter Letzt muss noch die Solution-Datei angepasst werden:
    1. Dazu wird die Solution-Datei mit einem beliebigen Editor \u2013 z.B. Notepad++ \u2013 ge\u00f6ffnet.<\/li>
    2. In der sechsten Zeile \u2013 beginnend mit dem Wort \u201eProject\u201c \u2013 wird der Name der Solution eingetragen.<\/li>
    3. In der gleichen Zeile muss der relative Pfad zur Projekt-Datei angepasst werden.<\/li><\/ol><\/li><\/ol>\n\n\n\n
      \"Screenshot<\/figure>\n\n\n\n
      <\/div>\n\n\n\n

      Damit w\u00e4ren alle erforderlichen Anpassungen erledigt und das Projekt kann mit Visual Studio Community 205 RC ge\u00f6ffnet werden.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden. Diese Anwendungen k\u00f6nnen auf die Funktionen des jeweiligen Endger\u00e4tes \u2013 zum Beispiel die Kamera \u2013 zugreifen, ohne dass daf\u00fcr nativer Code f\u00fcr ein spezielles Endger\u00e4t entwickelt werden muss.<\/p>\n","protected":false},"author":31,"featured_media":1285,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[16],"tags":[],"topics":[],"class_list":["post-1045","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dot-net"],"acf":[],"yoast_head":"\nCordova goes MS Visual Studio - ZEISS Digital Innovation Blog<\/title>\n<meta name=\"description\" content=\"Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden - ohne dass f\u00fcr die Anwendungen nativer Code entwickelt werden muss.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cordova goes MS Visual Studio - ZEISS Digital Innovation Blog\" \/>\n<meta property=\"og:description\" content=\"Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden - ohne dass f\u00fcr die Anwendungen nativer Code entwickelt werden muss.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Innovation Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ZEISSDigitalInnovation\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-03T00:07:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-17T11:17:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1184\" \/>\n\t<meta property=\"og:image:height\" content=\"666\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Holger Zaman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ZEISS_di\" \/>\n<meta name=\"twitter:site\" content=\"@ZEISS_di\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Holger Zaman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/\",\"name\":\"Cordova goes MS Visual Studio - ZEISS Digital Innovation Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png\",\"datePublished\":\"2015-08-03T00:07:59+00:00\",\"dateModified\":\"2020-06-17T11:17:02+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/9f6f879443d185245c0a581e7ebb246f\"},\"description\":\"Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden - ohne dass f\u00fcr die Anwendungen nativer Code entwickelt werden muss.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#primaryimage\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png\",\"contentUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png\",\"width\":1184,\"height\":666},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cordova goes MS Visual Studio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/\",\"name\":\"Digital Innovation Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/9f6f879443d185245c0a581e7ebb246f\",\"name\":\"Holger Zaman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/zaman_holger-148x150.jpg\",\"contentUrl\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/zaman_holger-148x150.jpg\",\"caption\":\"Holger Zaman\"},\"description\":\"Holger Zaman ist Senior Consultant Softwareentwicklung bei der ZEISS Digital Innovation in Dresden. Sein Schwerpunkt liegt auf der Entwicklung von Web-Anwendungen mit den Technologien von Microsoft - unter anderem .NET, ASP.NET und ASP.NET MVC.\",\"url\":\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/author\/holgerzaman\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cordova goes MS Visual Studio - ZEISS Digital Innovation Blog","description":"Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden - ohne dass f\u00fcr die Anwendungen nativer Code entwickelt werden muss.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/","og_locale":"de_DE","og_type":"article","og_title":"Cordova goes MS Visual Studio - ZEISS Digital Innovation Blog","og_description":"Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden - ohne dass f\u00fcr die Anwendungen nativer Code entwickelt werden muss.","og_url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/","og_site_name":"Digital Innovation Blog","article_publisher":"https:\/\/www.facebook.com\/ZEISSDigitalInnovation\/","article_published_time":"2015-08-03T00:07:59+00:00","article_modified_time":"2020-06-17T11:17:02+00:00","og_image":[{"width":1184,"height":666,"url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png","type":"image\/png"}],"author":"Holger Zaman","twitter_card":"summary_large_image","twitter_creator":"@ZEISS_di","twitter_site":"@ZEISS_di","twitter_misc":{"Verfasst von":"Holger Zaman","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/","name":"Cordova goes MS Visual Studio - ZEISS Digital Innovation Blog","isPartOf":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#primaryimage"},"image":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png","datePublished":"2015-08-03T00:07:59+00:00","dateModified":"2020-06-17T11:17:02+00:00","author":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/9f6f879443d185245c0a581e7ebb246f"},"description":"Mit Apache Cordova k\u00f6nnen Apps f\u00fcr verschiedene mobile Endger\u00e4te entwickelt werden - ohne dass f\u00fcr die Anwendungen nativer Code entwickelt werden muss.","breadcrumb":{"@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#primaryimage","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png","contentUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi.png","width":1184,"height":666},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/cordova-goes-ms-visual-studio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/"},{"@type":"ListItem","position":2,"name":"Cordova goes MS Visual Studio"}]},{"@type":"WebSite","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#website","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/","name":"Digital Innovation Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/9f6f879443d185245c0a581e7ebb246f","name":"Holger Zaman","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/#\/schema\/person\/image\/","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/zaman_holger-148x150.jpg","contentUrl":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2020\/05\/zaman_holger-148x150.jpg","caption":"Holger Zaman"},"description":"Holger Zaman ist Senior Consultant Softwareentwicklung bei der ZEISS Digital Innovation in Dresden. Sein Schwerpunkt liegt auf der Entwicklung von Web-Anwendungen mit den Technologien von Microsoft - unter anderem .NET, ASP.NET und ASP.NET MVC.","url":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/author\/holgerzaman\/"}]}},"author_meta":{"display_name":"Holger Zaman","author_link":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/author\/holgerzaman\/"},"featured_img":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-content\/uploads\/sites\/2\/2015\/08\/201508_Cordova_goes_MS_Visual_Studio_1_fi-600x338.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/category\/dot-net\/\" class=\"advgb-post-tax-term\">.NET<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">.NET<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 11\u00a0Jahren ago","modified":"Updated 6\u00a0Jahren ago"},"absolute_dates":{"created":"Posted on August 3, 2015","modified":"Updated on Juni 17, 2020"},"absolute_dates_time":{"created":"Posted on August 3, 2015 12:07 a.m.","modified":"Updated on Juni 17, 2020 11:17 a.m."},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts\/1045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/comments?post=1045"}],"version-history":[{"count":3,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts\/1045\/revisions"}],"predecessor-version":[{"id":1209,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/posts\/1045\/revisions\/1209"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/media\/1285"}],"wp:attachment":[{"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/media?parent=1045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/categories?post=1045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/tags?post=1045"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/blogs.zeiss.com\/digital-innovation\/de\/wp-json\/wp\/v2\/topics?post=1045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}