本文為大家詳細(xì)介紹了Microsoft Visual Studio 2017 for Mac Preview 下載、安裝、案例Demo

0. 前言：

　　工作原因，上下班背著我的雷神，一個(gè)月瘦了10斤，扛不住了，就把我的Mac放在公司。

　　Mac之前為了運(yùn)行VS，還買(mǎi)了一個(gè)PD虛擬機(jī)。。。

　　現(xiàn)在，我終于喝到雞湯了——隨著Visual Studio 2017的發(fā)布，for Mac的版本也誕生了!

　　下載地址大家可以去visualstudio官網(wǎng)下載，不過(guò)可能會(huì)有點(diǎn)兒慢，我上傳了百度云。文章最后提供下載。

　　Mac的安裝一貫很簡(jiǎn)單，裝載鏡像，拽到App中就可以了，這里為照顧新手，簡(jiǎn)單說(shuō)一下過(guò)程：

　　【PS：也是夠了，寫(xiě)這篇文章，瀏覽器崩了N次。重寫(xiě)了多少遍。=_=】

1. 在線安裝器

　　下載得到VisualStudioforMacPreviewInstaller.dmg，大小23.9MB，這個(gè)是安裝程序，說(shuō)白了就是在線安裝的。

　?。ㄎ恼陆Y(jié)尾有下載）

　　雙擊鏡像載入：

　　雙擊下載圖標(biāo)，彈出一個(gè)你懂的界面：

　　接受并繼續(xù)后，便提示正在檢查網(wǎng)絡(luò)鏈接：

　　等十秒左右，便會(huì)提示網(wǎng)絡(luò)鏈接錯(cuò)誤：

　　反正我是一直卡在這個(gè)錯(cuò)誤，仿佛感覺(jué)整個(gè)人生都定格在這里了。

　　不過(guò)還好，之前安裝過(guò)VS2015的AndroidSDK，也是出現(xiàn)這個(gè)錯(cuò)誤，所以我下意識(shí)往下面找了找。發(fā)現(xiàn)了個(gè)亮點(diǎn)：　　

　　這個(gè)不就是Visual Studio for Mac的安裝程序嗎？！

　　果斷右鍵-復(fù)制鏈接，粘貼到迅雷中。。。啊哈哈。

　　然后就得到了安裝程序，一共216.3MB。（文章結(jié)尾有下載）

2. 安裝VS程序

　　迅雷下載完畢之后，雙擊載入鏡像：

　　這個(gè)就知道怎么弄了吧～哈哈。直接拽到Applications中就安裝完成了。呵呵。

3. HelloWorld

　　點(diǎn)擊Visual Studio啟動(dòng)圖標(biāo)開(kāi)始運(yùn)行VS，映入眼簾的便是VS主程序：

　　個(gè)人覺(jué)得比XCode好看一點(diǎn)兒，可能是因?yàn)樽笙陆堑膱D標(biāo)，呵呵。

　　點(diǎn)擊New Project...開(kāi)始新建項(xiàng)目。

　　首先大概了解一下里面的項(xiàng)目模板，大概分為Multiplatform，字面上翻譯應(yīng)該是跨平臺(tái)的項(xiàng)目吧：

　　然后是.NET Core的項(xiàng)目：

　　最后就是Other了：

　　還可以點(diǎn)擊后面的語(yǔ)言下拉框修改編程語(yǔ)言：

　　廢話不說(shuō)，選擇Console Project（C#） - Next：　　

　　輸入項(xiàng)目名稱(chēng)、解決方案名稱(chēng)和路徑之后，點(diǎn)擊Create創(chuàng)建即可：

　　經(jīng)典的界面，左側(cè)有工具、在線文檔和單元測(cè)試，右側(cè)是解決方案，下面是錯(cuò)誤等。

　　如上圖代碼，點(diǎn)擊運(yùn)行之后，自動(dòng)打開(kāi)終端，顯示結(jié)果：

　　還挺有意思，寫(xiě)個(gè)經(jīng)典的九九乘法表。

　　這個(gè)代碼智能提示還是挺牛X的：

　　來(lái)，走一個(gè)～

4. 測(cè)試ADO.NET

　　看一下右側(cè)解決方案中的項(xiàng)目結(jié)構(gòu)，和Windows的VS幾乎無(wú)異。

　　如下圖的AssemblyInfo.cs程序集信息：

　　我們看到，Console控制臺(tái)項(xiàng)目中，只有一個(gè)System的引用。

　　下面我們練習(xí)一下ADO.NET，所以需要添加System.Data的引用。

　　右鍵References(引用) - Edit References...(編輯引用)：　　

　　上面分為All、Packages、Projects、.NET Assembly。

　　其中，Project就是引用當(dāng)前解決方案中的項(xiàng)目，.NET Assembly可以選擇第三方的組件。

　　在這里，我們找到System.Data和System.Configuration：

　　添加引用之后，便會(huì)發(fā)現(xiàn)項(xiàng)目引用中多了兩個(gè)引用：

　　下面，我們添加一個(gè)應(yīng)用程序配置文件(App.config)。

　　右鍵項(xiàng)目 - Add File：

　　選擇Misc-Application Configuration File，點(diǎn)擊確定：

　　在App.config中添加經(jīng)典的鏈接字符串代碼，這個(gè)比較坑，沒(méi)有提示。只能憑記憶手敲。

　　代碼如下：

　　在Main()方法中編寫(xiě)ADO.NET代碼測(cè)試ADO.NET組件。

　　因?yàn)槲益溄拥氖俏曳?wù)器，數(shù)據(jù)庫(kù)我也記不清有哪些了。所以直接連接的是master數(shù)據(jù)庫(kù)，select一下sysobjects的name：

using System;
using System.Configuration;
using System.Data.SqlClient;

namespace HelloWorld
{
 class MainClass
 {
 public static void Main(string[] args)
 {
 string connStr = ConfigurationManager.ConnectionStrings["ConnStr"].ConnectionString;

 string sql = "select name from sysobjects";

 SqlConnection conn = null;
 SqlDataReader reader = null;

 try
 {
 conn = new SqlConnection(connStr);
 conn.Open();
 SqlCommand comm = new SqlCommand(sql, conn);
 reader = comm.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
 while (reader.Read())
 {
 Console.WriteLine(reader["name"]);
 }
 }
 catch (Exception ex)
 {
 Console.WriteLine(ex.Message);
 }
 finally
 {
 if (reader != null)
 reader.Close();
 if (conn != null)
 conn.Close();
 }
 }
 }
}

ADO.NET測(cè)試代碼

運(yùn)行結(jié)果如下：

哈哈。有點(diǎn)兒意思 我的哥～

5. 測(cè)試ASP.NET MVC

　　趁熱打鐵，繼續(xù)搞。

　　右鍵解決方案，添加項(xiàng)目：　　

　　選擇Other - ASP.NET MVC Project，點(diǎn)擊Next下一步：

　　然后配置項(xiàng)目，選擇是否創(chuàng)建WebAPI和單元測(cè)試，然后Next：

　　然后配置項(xiàng)目名稱(chēng)、路徑等，然后點(diǎn)擊Create即可創(chuàng)建：

　　創(chuàng)建完成之后，本來(lái)以為完事兒了，可是卻彈出一個(gè)提示：

　　大概意思也就是說(shuō)，項(xiàng)目需要下列這些玩意兒，你需要點(diǎn)擊接受安裝，才能完事兒。

　　沒(méi)招，點(diǎn)唄，不然MVC相關(guān)的東西，例如Controller等都用不了。

　　點(diǎn)擊Accept，上面顯示Adding Packages...(正在添加組件)：

　　稍等十秒左右，提示Packages successfully added.(添加完成)：

　　大概看一下右側(cè)的項(xiàng)目結(jié)構(gòu)，同樣的，和咱們平時(shí)的項(xiàng)目結(jié)構(gòu)無(wú)異。

　　Controllers中是控制器，Views是視圖，Models是模型，Scripts是腳本，。。。不用說(shuō)了吧。

　　所以說(shuō)，上手還是挺快的，呵呵。

　　直接點(diǎn)擊運(yùn)行，看一下效果：

　　呵呵，有點(diǎn)兒意思。。

　　在Models中添加User模型類(lèi)：

using System;
 namespace HelloWorldMVC
 {
 public class User
 {
 public int Id { get; set; }
 public string Name { get; set; }
 public string Email { get; set; }
 }
 }

　　修改Controllers/HomeController.cs控制器代碼，創(chuàng)建User數(shù)組并存入ViewBag中：

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Web;
 using System.Web.Mvc;
 using System.Web.Mvc.Ajax;
 
 namespace HelloWorldMVC.Controllers
 {
 public class HomeController : Controller
 {
 public ActionResult Index()
 {
 var users = new[]
 {
 new User(){ Id=1001, Name="張董", Email="778078163@qq.com" },
 new User(){ Id=1002, Name="卡特琳娜", Email="katelinna@qq.com" },
 new User(){ Id=1003, Name="盲僧", Email="mangseng@qq.com" },
 new User(){ Id=1004, Name="莫甘娜", Email="moganna@qq.com" },
 new User(){ Id=1005, Name="賞金", Email="shangjin@qq.com" }
 };
 
 ViewBag.Users = users;
 
 return View();
 }
 }
 }

　　修改Views/Home/Index.cshtml代碼，顯示剛剛存入的數(shù)組信息：

@if(ViewBag.Users==null)
 {
 <p>暫無(wú)資料。</p>
 }
 else
 {
 <table>
 <thead>
 <tr>
 <th>編號(hào)</th>
 <th>姓名</th>
 <th>郵箱</th>
 </tr>
 </thead>
 <tbody>
 @foreach(var item in ViewBag.Users)
 {
 <tr>
 <td>@item.Id</td>
 <td>@item.Name</td>
 <td>@item.Email</td>
 </tr>
 }
 </tbody>
 </table>
 }

　　點(diǎn)擊運(yùn)行：　

　　哎呦我XXXX。打開(kāi)Views/Shared/Layout.cshtml，果然，設(shè)置編碼格式，添加meta修改如下：

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>@ViewBag.Title</title>
 </head>
 <body>
 @RenderBody()
 </body>
 </html>

　　再次運(yùn)行：　

　　OK，完事兒~

5. 軟件下載

 Visual Studio for Mac Preview Installer.dmg 鏈接: https://pan.baidu.com/s/1miwKtW8 密碼: ivtu

Visual Studio For Mac Preview1 7.0.0.347.dmg 鏈接: https://pan.baidu.com/s/1boNkTor 密碼: nu5x

6. 結(jié)尾

　　哈哈，到此，案例都測(cè)試完了，感覺(jué)還不錯(cuò)。

　　只是有一點(diǎn)，貌似自帶的沒(méi)有窗體應(yīng)用程序。。。

　　好了，各位可以自己玩玩，有啥問(wèn)題下面留言 咱們一起交流交流感情。哈哈。

更多精彩內(nèi)容大家可以點(diǎn)擊《Visual Studio 2017開(kāi)發(fā)使用教程》，關(guān)于visual studio的安裝教程可以點(diǎn)擊《Visual Studio安裝使用手冊(cè)》進(jìn)行學(xué)習(xí)，希望大家喜歡。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論