使用VSCode创建简单的Razor Webapp--1.入门

1.下载vscode,安装dotnet core sdk

在cmd中使用命令dotnet --version可以查看当前安装的版本

2.打开vscode,设置语言和扩展

在最左边的工具栏,点击最下面的扩展按钮

搜索并安装如下两项

3.新建项目

按CTRL+~键,打开命令终端

输入以下命令

dotnet new webapp 是在当前文件夹下新建了一个名为RazorDemo的webapp项目

成功后输入code -r RazorDemo 即在vscode的当前实例中打开RazorDemo文件夹。

4.添加证书

这时右下角通知会出现

译:RazorDemo项目缺少必要的运行和调试的资源,是否添加?选择Yes

在项目的资源目录下会多出一个.vscode的文件夹,里面有两个json文件

然后打开命令终端,输入命令:dotnet dev-certs https --trust  在弹出的对话框中选择yes

5.项目文件概述

Pages文件夹:包含 Razor 页面和支持文件。 每个 Razor 页面都是一对文件:

  • 一个 .cshtml 文件,其中包含使用 Razor 语法的 C# 代码的 HTML 标记 。
  • 一个 .cshtml.cs 文件,其中包含处理页面事件的 C# 代码 。

支持文件的名称以下划线开头。 例如,_Layout.cshtml 文件可配置所有页面通用的 UI 元素 。

wwwroot文件夹:包含静态文件,如 HTML 文件、JavaScript 文件和 CSS 文件。

appSettings.json:包含配置数据,如连接字符串。

Program.cs:包含程序的入口点。

Startup.cs:包含配置应用行为的代码。

原文地址:https://www.cnblogs.com/1016391912pm/p/12078938.html

时间: 2025-01-17 08:47:21

使用VSCode创建简单的Razor Webapp--1.入门的相关文章

使用VSCode创建简单的Razor Webapp--2.添加模型

1.新建Models文件夹,并新建Movie.cs文件 using System; using System.ComponentModel.DataAnnotations; namespace RazorDemo.Models { public class Movie { public int ID { get; set; } public string Title { get; set; } [DataType(DataType.Date)] public DateTime ReleaseDa

图文介绍MyEclipse (2015) 中创建简单的Maven项目的步骤(用于生成可运行jar文件)

利用MyEclipse的引导,能够非常方便的创建简单的.用于生成可运行jar文件的Maven项目: (原创文章,转载请注明转自Clement-Xu的博客:http://blog.csdn.net/clementad/article/details/46954277) 1.New -> Project... 选择 Maven Project, 点击Next > 2.在Select projrect name and location界面,各选项例如以下图,点击Next > 3.在Selec

CocoStudio 创建简单UI资源并添加到工程

打开CocoStudio UI编辑器新项目,设置画布480*320, 添加一个标签和一个按钮控件 导出项目,生成所需要的资源文件, 复制到cocos2d工程Resources目录下 加入代码: 头文件: #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; using namespace ui; 加载cocostudio资源创建控件 _touchgroup = TouchG

IOS 创建简单表视图

创建简单表视图 此实例主要实现UITableViewDataSource协议中必须要实现的两个方法tableView:numberOfRowsInSection: 和tableView:cellForRowAtIndexPath: 当表视图显示的时候会发出tableView:numberOfRowsInSection:消息询问当前节中的行数. 当表视图单元格显示的时候会发出tableView:cellForRowAtIndexPath:消息为单元格提供显示数据. 一.实现的时序图,如下: 二.示

CocoStudio 创建简单UI资源并加入?到project

打开CocoStudio UI编辑器新项目,设置画布480*320, 加入?一个标签和一个button控件 导出项目,生成所须要的资源文件, 拷贝到cocos2dprojectResources文件夹下 添?代码: 头文件: #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; using namespace ui; 载入cocostudio资源创建控件 _touchgro

使用Visual Studio创建简单的自定义Web Part 部件属性

使用Visual Studio创建简单的自定义Web Part 部件属性 自定义属性使用额外的选项和设置拓展你的Web part部件.本文主要讲解如何使用Visual Studio创建简单的自定义Web Part 部件属性. 1. 打开Visual Studio,点击文件--新建项目--空白SharePoint项目CustomWPProperties.部署为场解决方案. 2. 右击项目添加新项Web Part部件WPPropertyExample,点击添加. 3. 右击WPPropertyExa

.NET:WebApi 生成帮助文档及顺便创建简单的测试工具

==========最终的效果图========== ==========下面开始干活:生成帮助文档========== 一.创建 WebApi 项目 二.找到 HelpPageConfig.cs 并取消代码注释 1 config.SetDocumentationProvider( new XmlDocumentationProvider ( HttpContext.Current.Server.MapPath( "~/App_Data/XmlDocument.xml" ))); 三.

asp.net mvc 之旅—— 第一站 从简单的razor入手

原文:asp.net mvc 之旅-- 第一站 从简单的razor入手 记得2011年mvc3刚出来的时候,我们就有幸将 mvc3 用在我们团购项目上,当时老大让我们用一个星期时间来熟悉mvc,幸好园子里面的老朋友DR 正在写mvc3系列,也恭喜这个系列文章被整理成专题供后来者学习,详见:http://www.cnblogs.com/highend/archive/2011/08/04/aspnet_mvc3_ contents.html,2013年进携程的时候,也开心的看到公司正在将webfo

WebApi 生成帮助文档及顺便创建简单的测试工具

http://www.2cto.com/kf/201607/522971.html ==========最终的效果图========== ==========下面开始干活========== 一.创建 WebApi 项目 二.找到 HelpPageConfig.cs 并取消代码注释 ? 1 1 config.SetDocumentationProvider( new XmlDocumentationProvider ( HttpContext.Current.Server.MapPath( "~