Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享
2016-11-29 00:00
1476 查看
本文为大家详细介绍了Microsoft Visual Studio 2017 for Mac Preview 下载、安装、案例Demo
0. 前言:
工作原因,上下班背着我的雷神,一个月瘦了10斤,扛不住了,就把我的Mac放在公司。
Mac之前为了运行VS,还买了一个PD虚拟机。。。
现在,我终于喝到鸡汤了――随着Visual Studio 2017的发布,for Mac的版本也诞生了!
下载地址大家可以去visualstudio官网下载,不过可能会有点儿慢,我上传了百度云。文章最后提供下载。
Mac的安装一贯很简单,装载镜像,拽到App中就可以了,这里为照顾新手,简单说一下过程:
【PS:也是够了,写这篇文章,浏览器崩了N次。重写了多少遍。=_=】
1. 在线安装器
下载得到VisualStudioforMacPreviewInstaller.dmg,大小23.9MB,这个是安装程序,说白了就是在线安装的。
(文章结尾有下载)
双击镜像载入:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9c92414fffc8964a727009d2f936e576)
双击下载图标,弹出一个你懂的界面:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/00cde2dfd6987fb8a850de141c1f0327)
接受并继续后,便提示正在检查网络链接:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/49c0c1c53d81f003b995be233cff9798.png)
等十秒左右,便会提示网络链接错误:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/832341625b1a68c1ee4042801f87c145)
反正我是一直卡在这个错误,仿佛感觉整个人生都定格在这里了。
不过还好,之前安装过VS2015的AndroidSDK,也是出现这个错误,所以我下意识往下面找了找。发现了个亮点:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/c1880c43812318dcb4f93f60c5f284e6)
这个不就是Visual Studio for Mac的安装程序吗?!
果断右键-复制链接,粘贴到迅雷中。。。啊哈哈。
然后就得到了安装程序,一共216.3MB。(文章结尾有下载)
2. 安装VS程序
迅雷下载完毕之后,双击载入镜像:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/b0294a8274788a4a2dafa5bd86ef9a69.png)
这个就知道怎么弄了吧~哈哈。直接拽到Applications中就安装完成了。呵呵。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9f21644e4b9834a3aeb42d7502339ac9)
3. HelloWorld
点击Visual Studio启动图标开始运行VS,映入眼帘的便是VS主程序:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/e2582274cfaccc628f4444b624b46624.png)
个人觉得比XCode好看一点儿,可能是因为左下角的图标,呵呵。
点击New Project...开始新建项目。
首先大概了解一下里面的项目模板,大概分为Multiplatform,字面上翻译应该是跨平台的项目吧:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/b51772cce6825f656e74033630dc1046.png)
然后是.NET Core的项目:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/d863ed9493ddd4090dd589f0707fd3f8.png)
最后就是Other了:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/5ed4ed268db06af735105af55cfdb2e2.png)
还可以点击后面的语言下拉框修改编程语言:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2443a35a464c166f97409daaadcc6a74.png)
废话不说,选择Console Project(C#) - Next:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/ec9e00fcd8c22d585cc08a453e8bdca7.png)
输入项目名称、解决方案名称和路径之后,点击Create创建即可:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9fba16fe48d5f42ea9a872aa12e6d057.png)
经典的界面,左侧有工具、在线文档和单元测试,右侧是解决方案,下面是错误等。
如上图代码,点击运行之后,自动打开终端,显示结果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2ab5deae5db28cd9b3b45c26cf963514.png)
还挺有意思,写个经典的九九乘法表。
这个代码智能提示还是挺牛X的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/4f96ba20cf0dc119b5f00354a0d1d76b.png)
来,走一个~
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a4b4f2904e67983697d4ecc21c0a80e5.png)
4. 测试ADO.NET
看一下右侧解决方案中的项目结构,和Windows的VS几乎无异。
如下图的AssemblyInfo.cs程序集信息:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2b9641a6a525f4197956cfb391359cfd.jpg)
我们看到,Console控制台项目中,只有一个System的引用。
下面我们练习一下ADO.NET,所以需要添加System.Data的引用。
右键References(引用) - Edit References...(编辑引用):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9b4359bff2cdfe3b08120c238bfd4680.jpg)
上面分为All、Packages、Projects、.NET Assembly。
其中,Project就是引用当前解决方案中的项目,.NET Assembly可以选择第三方的组件。
在这里,我们找到System.Data和System.Configuration:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/e3b04a81c716f31aec05c670608df1f6.jpg)
添加引用之后,便会发现项目引用中多了两个引用:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/3fd1d5327591f96ef6a6afc94ba9f1ab.jpg)
下面,我们添加一个应用程序配置文件(App.config)。
右键项目 - Add File:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/77c5d534ba28da4bdc3058dd4330396c.jpg)
选择Misc-Application Configuration File,点击确定:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/3ccd807235d463990f3d91d8955dacc4.png)
在App.config中添加经典的链接字符串代码,这个比较坑,没有提示。只能凭记忆手敲。
代码如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/835edd2378a5cff9e1d87eb6e4847af9.png)
在Main()方法中编写ADO.NET代码测试ADO.NET组件。
因为我链接的是我服务器,数据库我也记不清有哪些了。所以直接连接的是master数据库,select一下sysobjects的name:
ADO.NET测试代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/c3e686ada30ff3d5fe13e1ae7f989acb.png)
运行结果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a23290d9cdd929ca9116c49b8926a98d.png)
哈哈。有点儿意思 我的哥~
5. 测试ASP.NET MVC
趁热打铁,继续搞。
右键解决方案,添加项目:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/1cefc29ed7531d68ecf7b57c2f2fce61)
选择Other - ASP.NET MVC Project,点击Next下一步:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/14d412c8f02076a23115cb31595bb58e.png)
然后配置项目,选择是否创建WebAPI和单元测试,然后Next:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/5d2f3c6880ec356e2519579f30c8fa9a.png)
然后配置项目名称、路径等,然后点击Create即可创建:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/f1d4d634df6c3c0fd253ce61363fe65f.png)
创建完成之后,本来以为完事儿了,可是却弹出一个提示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/21902a2d7ff47ca97a0fc88e180f5882.png)
大概意思也就是说,项目需要下列这些玩意儿,你需要点击接受安装,才能完事儿。
没招,点呗,不然MVC相关的东西,例如Controller等都用不了。
点击Accept,上面显示Adding Packages...(正在添加组件):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/c2f9bf247257d3dae78ccfd83866de3a.png)
稍等十秒左右,提示Packages successfully added.(添加完成):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/4244f2adfbb1880c947dda4140829e47.png)
大概看一下右侧的项目结构,同样的,和咱们平时的项目结构无异。
Controllers中是控制器,Views是视图,Models是模型,Scripts是脚本,。。。不用说了吧。
所以说,上手还是挺快的,呵呵。
直接点击运行,看一下效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2d3b18f9103fa53b083f312516940f2e.png)
呵呵,有点儿意思。。
在Models中添加User模型类:
修改Controllers/HomeController.cs控制器代码,创建User数组并存入ViewBag中:
修改Views/Home/Index.cshtml代码,显示刚刚存入的数组信息:
点击运行:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/868b4847130d60f98517cbb6cdf5e0aa.png)
哎呦我XXXX。打开Views/Shared/Layout.cshtml,果然,设置编码格式,添加meta修改如下:
再次运行:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/4b347f77a94468819022aae54ed11740.png)
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. 结尾
哈哈,到此,案例都测试完了,感觉还不错。
只是有一点,貌似自带的没有窗体应用程序。。。
好了,各位可以自己玩玩,有啥问题下面留言 咱们一起交流交流感情。哈哈。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
VS2015开发环境的安装和配置
VS2015 update2安装历程
Win10中VC2013安装Unit test组件出现问题解决方案
VS2013的Browser Link引起的问题
VS2013连接MySQL5.6成功案例一枚
Visual Studio 2013更新内容简介
Visual Studio 2015全英界面切换成中文界面
VS2015 Update2 构建 Android 程序问题汇总
VS2015中C#版本6.0的新特性 你需要知道
0. 前言:
工作原因,上下班背着我的雷神,一个月瘦了10斤,扛不住了,就把我的Mac放在公司。
Mac之前为了运行VS,还买了一个PD虚拟机。。。
现在,我终于喝到鸡汤了――随着Visual Studio 2017的发布,for Mac的版本也诞生了!
下载地址大家可以去visualstudio官网下载,不过可能会有点儿慢,我上传了百度云。文章最后提供下载。
Mac的安装一贯很简单,装载镜像,拽到App中就可以了,这里为照顾新手,简单说一下过程:
【PS:也是够了,写这篇文章,浏览器崩了N次。重写了多少遍。=_=】
1. 在线安装器
下载得到VisualStudioforMacPreviewInstaller.dmg,大小23.9MB,这个是安装程序,说白了就是在线安装的。
(文章结尾有下载)
双击镜像载入:
双击下载图标,弹出一个你懂的界面:
接受并继续后,便提示正在检查网络链接:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/49c0c1c53d81f003b995be233cff9798.png)
等十秒左右,便会提示网络链接错误:
反正我是一直卡在这个错误,仿佛感觉整个人生都定格在这里了。
不过还好,之前安装过VS2015的AndroidSDK,也是出现这个错误,所以我下意识往下面找了找。发现了个亮点:
这个不就是Visual Studio for Mac的安装程序吗?!
果断右键-复制链接,粘贴到迅雷中。。。啊哈哈。
然后就得到了安装程序,一共216.3MB。(文章结尾有下载)
2. 安装VS程序
迅雷下载完毕之后,双击载入镜像:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/b0294a8274788a4a2dafa5bd86ef9a69.png)
这个就知道怎么弄了吧~哈哈。直接拽到Applications中就安装完成了。呵呵。
3. HelloWorld
点击Visual Studio启动图标开始运行VS,映入眼帘的便是VS主程序:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/e2582274cfaccc628f4444b624b46624.png)
个人觉得比XCode好看一点儿,可能是因为左下角的图标,呵呵。
点击New Project...开始新建项目。
首先大概了解一下里面的项目模板,大概分为Multiplatform,字面上翻译应该是跨平台的项目吧:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/b51772cce6825f656e74033630dc1046.png)
然后是.NET Core的项目:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/d863ed9493ddd4090dd589f0707fd3f8.png)
最后就是Other了:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/5ed4ed268db06af735105af55cfdb2e2.png)
还可以点击后面的语言下拉框修改编程语言:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2443a35a464c166f97409daaadcc6a74.png)
废话不说,选择Console Project(C#) - Next:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/ec9e00fcd8c22d585cc08a453e8bdca7.png)
输入项目名称、解决方案名称和路径之后,点击Create创建即可:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9fba16fe48d5f42ea9a872aa12e6d057.png)
经典的界面,左侧有工具、在线文档和单元测试,右侧是解决方案,下面是错误等。
如上图代码,点击运行之后,自动打开终端,显示结果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2ab5deae5db28cd9b3b45c26cf963514.png)
还挺有意思,写个经典的九九乘法表。
这个代码智能提示还是挺牛X的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/4f96ba20cf0dc119b5f00354a0d1d76b.png)
来,走一个~
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a4b4f2904e67983697d4ecc21c0a80e5.png)
4. 测试ADO.NET
看一下右侧解决方案中的项目结构,和Windows的VS几乎无异。
如下图的AssemblyInfo.cs程序集信息:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2b9641a6a525f4197956cfb391359cfd.jpg)
我们看到,Console控制台项目中,只有一个System的引用。
下面我们练习一下ADO.NET,所以需要添加System.Data的引用。
右键References(引用) - Edit References...(编辑引用):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/9b4359bff2cdfe3b08120c238bfd4680.jpg)
上面分为All、Packages、Projects、.NET Assembly。
其中,Project就是引用当前解决方案中的项目,.NET Assembly可以选择第三方的组件。
在这里,我们找到System.Data和System.Configuration:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/e3b04a81c716f31aec05c670608df1f6.jpg)
添加引用之后,便会发现项目引用中多了两个引用:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/3fd1d5327591f96ef6a6afc94ba9f1ab.jpg)
下面,我们添加一个应用程序配置文件(App.config)。
右键项目 - Add File:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/77c5d534ba28da4bdc3058dd4330396c.jpg)
选择Misc-Application Configuration File,点击确定:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/3ccd807235d463990f3d91d8955dacc4.png)
在App.config中添加经典的链接字符串代码,这个比较坑,没有提示。只能凭记忆手敲。
代码如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/835edd2378a5cff9e1d87eb6e4847af9.png)
在Main()方法中编写ADO.NET代码测试ADO.NET组件。
因为我链接的是我服务器,数据库我也记不清有哪些了。所以直接连接的是master数据库,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测试代码
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/c3e686ada30ff3d5fe13e1ae7f989acb.png)
运行结果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/a23290d9cdd929ca9116c49b8926a98d.png)
哈哈。有点儿意思 我的哥~
5. 测试ASP.NET MVC
趁热打铁,继续搞。
右键解决方案,添加项目:
选择Other - ASP.NET MVC Project,点击Next下一步:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/14d412c8f02076a23115cb31595bb58e.png)
然后配置项目,选择是否创建WebAPI和单元测试,然后Next:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/5d2f3c6880ec356e2519579f30c8fa9a.png)
然后配置项目名称、路径等,然后点击Create即可创建:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/f1d4d634df6c3c0fd253ce61363fe65f.png)
创建完成之后,本来以为完事儿了,可是却弹出一个提示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/21902a2d7ff47ca97a0fc88e180f5882.png)
大概意思也就是说,项目需要下列这些玩意儿,你需要点击接受安装,才能完事儿。
没招,点呗,不然MVC相关的东西,例如Controller等都用不了。
点击Accept,上面显示Adding Packages...(正在添加组件):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/c2f9bf247257d3dae78ccfd83866de3a.png)
稍等十秒左右,提示Packages successfully added.(添加完成):
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/4244f2adfbb1880c947dda4140829e47.png)
大概看一下右侧的项目结构,同样的,和咱们平时的项目结构无异。
Controllers中是控制器,Views是视图,Models是模型,Scripts是脚本,。。。不用说了吧。
所以说,上手还是挺快的,呵呵。
直接点击运行,看一下效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/2d3b18f9103fa53b083f312516940f2e.png)
呵呵,有点儿意思。。
在Models中添加User模型类:
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控制器代码,创建User数组并存入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代码,显示刚刚存入的数组信息:
@if(ViewBag.Users==null) { <p>暂无资料。</p> } else { <table> <thead> <tr> <th>编号</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> }
点击运行:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/868b4847130d60f98517cbb6cdf5e0aa.png)
哎呦我XXXX。打开Views/Shared/Layout.cshtml,果然,设置编码格式,添加meta修改如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>@ViewBag.Title</title> </head> <body> @RenderBody() </body> </html>
再次运行:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201611/4b347f77a94468819022aae54ed11740.png)
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. 结尾
哈哈,到此,案例都测试完了,感觉还不错。
只是有一点,貌似自带的没有窗体应用程序。。。
好了,各位可以自己玩玩,有啥问题下面留言 咱们一起交流交流感情。哈哈。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
Visual Studio 2015和 .NET Core安装教程VS2015开发环境的安装和配置
VS2015 update2安装历程
Win10中VC2013安装Unit test组件出现问题解决方案
VS2013的Browser Link引起的问题
VS2013连接MySQL5.6成功案例一枚
Visual Studio 2013更新内容简介
Visual Studio 2015全英界面切换成中文界面
VS2015 Update2 构建 Android 程序问题汇总
VS2015中C#版本6.0的新特性 你需要知道
相关文章推荐
- Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享
- Microsoft Visual Studio 2017 for Mac Preview 下载+安装+案例Demo
- Microsoft Visual Studio 2017 for Mac Preview 下载+安装+案例Demo
- Microsoft Visual Studio 2017 for Mac Preview 下载+安装+案例Demo
- Microsoft Visual Studio 2017 for Mac Preview 的一些问题
- 【软件安装】win10系统安装Microsoft Visual Studio C++ 6.0 (完整绿色版)使用说明
- 在Visual Studio for Mac中使用fastlane管理iOS的provision
- Microsoft Visual Studio 2010(vs10)安装与使用
- visual studio for mac在线安装网络错误
- Microsoft Visual Studio 2015 Tools for Unity 安装失败
- 最新Visual Studio Tools For Unity 安装使用解析
- Install Visual Studio For Mac Preview
- 关于VS2015安装Team Explorer for Microsoft Visual Studio 2015问题总结(已解决)
- UnityVS(Visual Studio Tools For Unity)的安装与使用
- UnityVS(Visual Studio Tools For Unity)的安装与使用
- (转)UnityVS(Visual Studio Tools For Unity)的安装与使用
- 【转】UnityVS(Visual Studio Tools For Unity)的安装与使用
- 最新Visual Studio Tools For Unity 安装使用解析
- 【unity】UnityVS(Visual Studio Tools For Unity)的安装与使用
- 如何在Mac OS X上安装和使用Visual Studio Code和ASP.NET 5