返回博客首页
← 所有文章

使用 Visual Studio 创建您的第一个 NativeScript 应用程序

2017 年 5 月 9 日 — 作者 Rob Lauer

最近，我们在 Telerik 开发者网络 (TDN) 上发布了一个名为 "使用 Visual Studio 创建您的第一个原生移动应用程序" 的系列文章。 对于那些在 Windows 上使用 Visual Studio 作为主要 IDE 的人来说，这是一个很棒的入门教程。

通过利用 Visual Studio，您可以利用与 Telerik AppBuilder 的集成来处理云中的应用程序构建（这意味着不需要 Mac 就可以开发 iOS 应用程序），以及利用内置的设备上调试功能！

通过遵循本系列文章，您将从头开始开发跨平台 NativeScript 应用程序的每个部分（带有酷炫的比尔·默里主题！），使用典型的 Microsoft 技术，例如

该系列文章的最终结果将为您提供一个应用程序，该应用程序具有以下常见的应用程序功能

  • 基于选项卡的导航；
  • 自定义 UI 布局；
  • 远程数据访问（使用 SQL Server 和 ASP.NET Web API）；
  • 使用 CSS 进行主题设置；
  • 自定义字体图标、图像和动画。

最终得到以下“比尔·默里”应用程序

ios demo android demo


Visual Studio 教程 第一部分

第一部分介绍了 NativeScript，以及一个典型的 .NET 开发人员如何在使用类似 XAML 的标记语法、TypeScript 作为代码隐藏以及 CSS 进行样式设置时感到舒适。 我们还深入探讨了 LiveSync，以及它如何显着改善您使用 NativeScript 的迭代开发。

阅读第一部分。

Visual Studio 教程 第二部分

本系列文章的第二部分介绍了 NativeScript 布局和原生 UI。 我们还利用了 NativeScript 开发者应用程序（Telerik AppBuilder 的一部分），它允许轻松地将应用程序部署到物理设备，无需预置。 最后，我们将仔细了解如何利用 Visual Studio 调试器对 NativeScript 应用程序进行单步调试。

阅读第二部分。

Visual Studio 教程 第三部分

第三部分暂时忽略 NativeScript，重点介绍使用 SQL Server 和 ASP.NET Web API 创建功能齐全的后端，以及使用 RESTful 服务。

阅读第三部分。

Visual Studio 教程 第四部分

本系列文章的最后一部分将 ASP.NET Web API 后端与我们的 NativeScript 应用程序连接起来，介绍如何执行原生动画，使用 CSS 对应用程序进行样式设置，并使用 UI for NativeScript 实现饼图。

阅读第四部分。

其他资源

对于在 Windows 上或有 .NET 背景的用户来说，以下资源也可能有所帮助