vscode开发.net core
本文是使用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
打开命令行
开发过程中可以选择watch,监听文件变动,即重新编译,非常方便
b.
ctrol+shift+~
打开vs控制台,在vscode控制台中输入dotnet run
即可运行dotnet run
6. 查看,打开浏览器http://localhost:5000
此时会发现浏览器直接跳转到https://localhost:5001
,并且提示您的连接不是私密连接
,这是因为.net core mvc项目的startup.cs
下Configure方法
配置中加入了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
等类型。
- 添加视图
添加一个名为Views/Hello
的新文件夹。
向Views/Hello
文件夹添加名为“Index.cshtml”的新文件。
内容为:
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>Hello from our View Template!</p>
导航到http://localhost:5000/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