vscode开发.net core

2019-08-09  本文已影响0人  wwmin_

本文是使用vscode启动.netcore 项目, 这在测试和写demo时非常有用,快速省时,
已mvc项目为例, 其他项目参照help

1. dotnet --version 查看sdk版本
2. dotnet new --help 查看new命令
2.2 sdk new help
3. dotnet new mvc --auth None 创建不带用户验证的mvc项目
dotnet new mvc --auth None
4. code . 就直接会用vscode打开该项目
code .

打开后vscode会自动提示安装c#相关依赖,选择yes安装即可

5. 运行

a. ctrl+shift+c 打开命令行

ctrl+shift+c
开发过程中可以选择watch,监听文件变动,即重新编译,非常方便
b. ctrol+shift+~ 打开vs控制台,在vscode控制台中输入dotnet run即可运行
dotnet run
6. 查看,打开浏览器http://localhost:5000

此时会发现浏览器直接跳转到https://localhost:5001
,并且提示您的连接不是私密连接,这是因为.net core mvc项目的startup.csConfigure方法配置中加入了app.UseHttpsRedirection();,这个在正式项目中会用到,可以使用命令dotnet dev-certs https --trust在开发环境中使用https,令一种方法是我们先注释掉此配置,并且将Properties文件夹下launchSettings.json中mvc对象下的applicationurl值去掉https连接,再在控制台中ctrl+c停止执行,然后再dotnet run,
效果:

初次运行效果

额,,,每次修改看效果都要如此操作,是不是有点繁琐,此时dotnet watch run就派上用场了

7. 添加控制器

在controller文件夹下新建controller

using Microsoft.AspNetCore.Mvc;

namespace mvc.Controllers{
    public class HelloController:Controller{
        public string Index(){
            return "This is my default action ....";
        }
    }
}

打开浏览器http://localhost:5000/hello,会有输出This is my default action ....

8. 添加视图

使用 Razor 创建视图模板文件,基于 Razor 的模板具有“.cshtml”文件扩展名 。 它们提供了一种巧妙的方法来使用 C# 创建 HTML 输出。
在HelloController中修改Index方法

public IActionResult Index()
{
    return View();
}

上面的代码调用控制器的 View 方法。 它使用视图模板来生成 HTML 响应。 控制器方法(亦称为“操作方法” ,如上面的 Index 方法)通常返回 IActionResult(或派生自 ActionResult 的类),而不是 string 等类型。

@{
    ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>Hello from our View Template!</p>

导航到http://localhost:5000/Hello

Hello
9. 更改视图和布局页面

选择菜单链接(“mvc”、“Home”和“privacy”) 。 每页显示相同的菜单布局。 菜单布局是在 Views/Shared/_Layout.cshtml 文件中实现的 。 打开 Views/Shared/_Layout.cshtml 文件 。

布局模板使你能够在一个位置指定网站的 HTML 容器布局,然后将它应用到网站中的多个页面。 查找 @RenderBody() 行。 RenderBody 是显示创建的所有特定于视图的页面的占位符,已包装在布局页面中 。 例如,如果选择“Privacy”链接,Views/Home/Privacy.cshtml 视图将在 RenderBody 方法中呈现 。
更多内容可参考:https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/first-mvc-app/?view=aspnetcore-2.2

上一篇下一篇

猜你喜欢

热点阅读