使用VS Code开发.Net Core 2.0 MVC Web应用程序教程之一

原文: 使用VS Code开发.Net Core 2.0 MVC Web应用程序教程之一

好吧，如今咱们假设你已经安装好了VS Code开发工具、.Net Core 2.0预览版的SDK dotnet-sdk-2.0.0（注意本身的操做系统），而且已经为VS Code安装好了C#扩展（在VS Code的扩展菜单中输入OmniSharp，安装扩展便可）

1、咱们先在咱们的电脑硬盘的某个神奇的目录下新建一个文件夹。我把这个地方选在D:\WorkTest下，建立的文件夹名称为MyCMS。注意，这一步不是在VS Code中完成的，貌似VS Code中不能建立文件夹。

2、在VS Code开发环境中，选择  文件->打开文件夹，而后选择咱们刚刚建立的那个神奇的文件夹MyCMS打开

3、选择 查看->集成终端 命令或直接摁下快捷键Ctrl+`，VS Code开发环境中会出现一个很厉害的工具。为何说它厉害呢？由于咱们在这里输入一些神奇的命令，咱们的项目中会发生一些神奇的现象。好比我接下来在集成终端中输入命令dotnet new sln -n MyCMS，在咱们的MyCMS文件夹下会出现一个解决方案MyCMS.sln。以下图：

4、接下来，咱们再在集成终端中输入dotnet new mvc -n MyCMS.Web，通过VS Code一阵的挣扎和折腾，咱们会发现左边的文件列表中多了一个叫MyCMS.Web的MVC项目。以下图：

5、好啦，下边咱们来尝试摁下F5键后会发生什么吧？哈哈……有点失望，程序没有直接运行。而是出现了下边这样一个鬼东西。好吧，咱们选择.NET Core

6、再次使劲摁下F5，咦，我去，出来一个launch.json，以下图：

 

7、看来这东西仍是跑不起来，那要不我们先把它生成一下？好，如上图，在集成终端中输入命令dotnet build MyCMS.Web命令，回车，完过后成成了一个东西在Debug下边。好了，咱们把这段生成的东西放在launch.json的.NET Core Launch (web)配置项的program中，而后顺便改一下下边那个cwd。完过后看起来效果是下边这样子的：

8、点击左边的那个小虫子，VS Code中的左侧会出现上图中的状况，选择.NET Core Launch (web)，再次摁下F5，仍是不行，并且，它告送咱们下边还要弄个什么鬼东西：

9、点击“配置任务运行程序”，自动生成了下边这个配置json文件：

 

 

10、好了，咱们如今配置一下这个新生成的task.json吧。也就是在tasks配置项中添加以下内容，指定一下任务在build时的直接命令对象。${workspaceRoot}的意思就是你项目的根目录，别写成绝对路径啊，否则回头你项目发布后找不到东西别怪我。

"options": {

                "cwd": "${workspaceRoot}/MyCMS.Web"

            }

 

配置好后，效果以下：

 

 

11、这一次咱们再来使劲的摁下F5键-------------神奇的事情发生了，一个已经初具规模的.Net Core MVC网站出如今咱们眼前。是否是以为本身很厉害？哈哈，好啦，开玩笑的，这网站也就看看效果，回头咱们实际开发项目的时候啊，这里面的东西基本上会被删得一干二净，剩下个空壳子。以下图：

 

 

12、后记：这里面有不少东西我也不知道啥意思，反正我折腾了老久才把项目跑起来了，比在visual studio 2017中开发麻烦多了。不过，就这样吧，之后慢慢地折腾多了，你和我也就懂了。不怕，啊！