ASP.NET Core 中文文檔 第二章 指南(1)用 Visual Studio Code 在 macOS 上創建首個 ASP.NET Core 應用程序


本文已更新,最后更新於2017年4月28日

原文:Build an ASP.NET Core app on a Mac or Linux using Visual Studio Code
譯文:用 Visual Studio Code 在 macOS 或 Linux 上創建首個 ASP.NET Core 應用程序
翻譯:劉怡(AlexLEWIS)趙志剛

聯系我們:
QQ Group: 436035237 (dotNet Core Studying Group)
GitHub Repo: https://github.com/dotnetcore/aspnetcore-doc-cn/


以下為老翻譯存檔


原文:Your First ASP.NET Core Application on a Mac Using Visual Studio Code
作者:Daniel RothSteve Smith 以及 Rick Anderson
翻譯:趙志剛
校對:何鎮汐劉怡(AlexLEWIS)

本節將展示如何在 macOS 平台上創建首個 ASP.NET Core 應用程序。


配置開發環境

在開發機中下載並安裝 .NET Core、Visual Studio Code 及 C# 擴展在 VS Code 中通過命令 ext install csharp 安裝,譯者注)。


用 Yeoman 創建應用程序

按照 Building Projects with Yeoman 一文的引導創建第一個 ASP.NET Core 項目。


在 macOS 上使用 Visual Studio Code 開發 ASP.NET 應用程序

  • 運行 Visual Studio Code

  • 打開 File > Open ,導航到先前所創建的空 ASP.NET Core 應用程序

通過終端 / Bash 提示符,執行 dotnet restore 還原項目依賴(在終端命令行中切換至項目所在目錄,而后運行 dotnet restore ,譯者注)。或者在 Visual Studio Code 中鍵入 command shift p也可用 F1 代替,譯者注),然后輸入 dot,如下圖所示:

你可以在 Visual Studio Code 中直接運行指令,這些指令包括 dotnet restoreproject.json 文件中所引用的所有工具以及定義於 .vscode/tasks.json 中的自定義任務。

這個由模板創建出來的空項目僅會顯示一個“Hello World!”。在 Visual Studio Code 中打開 Startup.cs 看看它是如何配置的:

若這是你第一次使用 Visual Studio Code(下文將使用簡寫 Code),那么你要記住它提供了一個非常簡化、快速、清爽的界面來處理文件,這使得使用 VSCode 編寫代碼非常具有生產力。

左側導航欄中的四個圖標分別代表四種功能

  • 資源管理器
  • 搜索
  • Git
  • 調試

在資源管理器視圖下你可以快速瀏覽文件系統,並且能很容易看到當前正在使用的文件。它會使用一個符號來標識哪些文件尚未保存變更,同時創建新文件夾和文件也很容易(通過資源管理器視圖)。當然如果鼠標經過菜單項,「全部保存」按鈕就會出現,點擊即可保存全部變更。

搜索視圖允許你在目錄結構中快速搜索文件名及內容。

如果你已安裝 GIT,VSCode 將集成它。在 Git 視圖中,你可以輕松初始化一個新的版本庫,進行提交和推送變更。

調試視圖支持為應用程序進行交互調試。

最后,VSCode 的編輯器還提供了一些非常棒的特性,比如你會注意到未使用的 using 語句會帶有下划線,當出現電燈圖標時可使用 command . 自動移除之。類和方法同樣可顯示本項目中的引用次數。如果你曾使用過 Visual Studio,那么你會發現 VSCode 中包含了許多一樣的快捷鍵,比如用 command k c 注釋代碼,用 command k u 去除注釋。


通過 Kestrel 在本地運行

本示例配置使用 Kestrel Web 服務器,可在 project.json 文件的 dependencies 節點中看到該項配置。

{
  "version": "1.0.0-*",
  "compilationOptions": {
    "emitEntryPoint": true
  },
  "dependencies": {
    "Microsoft.NETCore.App": {
      "type": "platform",
      "version": "1.0.0-rc2-3002702"
    },
    "Microsoft.AspNetCore.Server.Kestrel": "1.0.0-rc2-final",
    "Microsoft.AspNetCore.Server.Kestrel.Https": "1.0.0-rc2-final",
    "Microsoft.Extensions.Logging.Console": "1.0.0-rc2-final"
  },
  "frameworks": {
    "netcoreapp1.0": {}
  }
}

  • 運行 dotnet run 命令啟動應用

  • 瀏覽器中訪問 localhost:5000

  • 通過 Ctrl+C 停止 web 服務器。

部署到 Azure

一旦在 Microsoft Azure 部署了你的應用程序,你便可輕松地通過 GIT 功能將推送產品的更新集成到 Visual Studio Code 中。

初始化 Git

為你的工作文件夾初始化 GIT。切換到Git視圖 然后點擊 Initialize Git repository 按鈕。

填寫提交信息並點擊提交,或點擊復選框來提交暫存文件。

GIT 會跟蹤變更,所以如果你更新了文件,Git視圖將顯示上次提交之后修改過的文件。

初始化 Azure 網站

通過 git 將應用程序直接部署到Azure。

將此 Web 應用程序在 Azure 中的 Git URL 記錄下來:

  • 在終端窗口中,用之前記下的 Git URL 新建一個名為 azure 的遠程主機。
git remote add azure https://ardalis-git@firstaspnetcoremac.scm.azurewebsites.net:443/firstaspnetcoremac.git
  • 推送到 master 分支。
    • 部署:git push azure master

  • 瀏覽剛才部署的 Web 應用程序,你應該看到輸出結果:Hello world!

擴展資源

返回目錄


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM