欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

程序员文章站 2022-06-21 08:47:11
本文为大家详细介绍了microsoft visual studio 2017 for mac preview 下载、安装、案例demo 0. 前言:   工作原因,上下...

本文为大家详细介绍了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,这个是安装程序,说白了就是在线安装的。

  (文章结尾有下载)

  双击镜像载入:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享  

  双击下载图标,弹出一个你懂的界面:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  接受并继续后,便提示正在检查网络链接:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  等十秒左右,便会提示网络链接错误:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  反正我是一直卡在这个错误,仿佛感觉整个人生都定格在这里了。

  不过还好,之前安装过vs2015的androidsdk,也是出现这个错误,所以我下意识往下面找了找。发现了个亮点:  

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  这个不就是visual studio for mac的安装程序吗?!

  果断右键-复制链接,粘贴到迅雷中。。。啊哈哈。

  然后就得到了安装程序,一共216.3mb。(文章结尾有下载)

2. 安装vs程序

  迅雷下载完毕之后,双击载入镜像:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  这个就知道怎么弄了吧~哈哈。直接拽到applications中就安装完成了。呵呵。

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

3. helloworld

  点击visual studio启动图标开始运行vs,映入眼帘的便是vs主程序:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  个人觉得比xcode好看一点儿,可能是因为左下角的图标,呵呵。

  点击new project...开始新建项目。

  首先大概了解一下里面的项目模板,大概分为multiplatform,字面上翻译应该是跨平台的项目吧:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享 

  然后是.net core的项目:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  最后就是other了:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  还可以点击后面的语言下拉框修改编程语言:

  Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  废话不说,选择console project(c#) - next:  

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  输入项目名称、解决方案名称和路径之后,点击create创建即可:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  经典的界面,左侧有工具、在线文档和单元测试,右侧是解决方案,下面是错误等。

  如上图代码,点击运行之后,自动打开终端,显示结果:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  还挺有意思,写个经典的九九乘法表。

  这个代码智能提示还是挺牛x的:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  来,走一个~

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

4. 测试ado.net

  看一下右侧解决方案中的项目结构,和windows的vs几乎无异。

  如下图的assemblyinfo.cs程序集信息:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  我们看到,console控制台项目中,只有一个system的引用。

  下面我们练习一下ado.net,所以需要添加system.data的引用。

  右键references(引用) - edit references...(编辑引用):  

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  上面分为all、packages、projects、.net assembly。

  其中,project就是引用当前解决方案中的项目,.net assembly可以选择第三方的组件。

  在这里,我们找到system.data和system.configuration:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  添加引用之后,便会发现项目引用中多了两个引用:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  下面,我们添加一个应用程序配置文件(app.config)。

  右键项目 - add file:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  选择misc-application configuration file,点击确定:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  在app.config中添加经典的链接字符串代码,这个比较坑,没有提示。只能凭记忆手敲。

  代码如下:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  在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测试代码

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

运行结果如下:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

哈哈。有点儿意思 我的哥~

5. 测试asp.net mvc

  趁热打铁,继续搞。

  右键解决方案,添加项目:  

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  选择other - asp.net mvc project,点击next下一步:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  然后配置项目,选择是否创建webapi和单元测试,然后next:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  然后配置项目名称、路径等,然后点击create即可创建:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  创建完成之后,本来以为完事儿了,可是却弹出一个提示:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  大概意思也就是说,项目需要下列这些玩意儿,你需要点击接受安装,才能完事儿。

  没招,点呗,不然mvc相关的东西,例如controller等都用不了。

  点击accept,上面显示adding packages...(正在添加组件):

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  稍等十秒左右,提示packages successfully added.(添加完成):

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  大概看一下右侧的项目结构,同样的,和咱们平时的项目结构无异。

  controllers中是控制器,views是视图,models是模型,scripts是脚本,。。。不用说了吧。

  所以说,上手还是挺快的,呵呵。

  直接点击运行,看一下效果:

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  呵呵,有点儿意思。。

  在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>
 }

  点击运行: 

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  哎呦我xxxx。打开views/shared/layout.cshtml,果然,设置编码格式,添加meta修改如下:

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>@viewbag.title</title>
 </head>
 <body>
 @renderbody()
 </body>
 </html>

  再次运行: 

Microsoft Visual Studio 2017 for Mac Preview安装使用案例分享

  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 2017开发使用教程》,关于visual studio的安装教程可以点击《visual studio安装使用手册》进行学习,希望大家喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。