如何更改 .NET Core 项目中“wwwroot”文件夹的图标？

Question

In Visual Studio 2017, when I want to create an ASP.NET Core Web Application from scratch using either one of these standard .NET Core project templates:

• Console App (.NET Core)
• Class Library (.NET Core)

These project templates; obviously would not include the wwwroot folder. So, when I add the folder to my project it will look like (and behave like) a standard folder:

When you create it using the ASP.NET Core Web Application project template, the wwwroot folder looks like this:

Question - Appearance (Icon)

How do you change the icon of the wwwroot folder to look like the one found in the ASP.NET Core Web Application project template?

---

Additional Question - Behavior (Copying Files to Output Directory)
In the standard .NET Core project, I would have to add this to my .csproj file:

<ItemGroup>
  <Content Include="wwwroot\**" CopyToOutputDirectory="PreserveNewest" />
</ItemGroup>

so that it copies all my files from the wwwroot folder to the output directory similar to the ASP.NET Core Web Application project. I looked in the ASP.NET Core Web Application's .csproj file and didn't see anything like that.

I'm assuming the answer to the main question will also provide the answer for this one, as the project templates are obviously different. I can't seem to find the resources online to help me manually edit this myself.

Thanks in advance.

Answer 1

After reading this page that announced the new tooling in Visual Studio 2017, I found out that it was in fact possible.

I noticed that the ASP.NET Core Web Application project uses a different value under the Project node in the .csproj file.

 <Project Sdk="Microsoft.NET.Sdk.Web"> 

Whereas the standard project templates used Microsoft.NET.Sdk like this:

<Project Sdk="Microsoft.NET.Sdk"> ← ← ← ← //change this to Microsoft.NET.Sdk.Web

  <PropertyGroup>
    <OutputType>Exe</OutputType>
    <TargetFramework>netcoreapp1.1</TargetFramework>
  </PropertyGroup>

</Project>

Once I changed the value to Microsoft.NET.Sdk.Web and saved the csproj file, the project upgraded itself, and the wwwroot folder was added to my project automatically (but excluded) , like this:

Then I included it into the project and now:

Great! I hope this answer helps others.

Answer 2

确保此行包含在下面的ItemGroup中

 <Folder Include="wwwroot\" />

Answer 3

我遇到了同样的问题，但最好不要将其称为问题，因为带有图标的 wwwroot 文件夹和没有图标的文件夹之间没有区别，您必须首先找到文件 yourproject.csproj 文件，它由一些标签填充在这个文件的顶部，你会看到它被赋值的标签，像这样 Sdk=Microsoft.NET.Sdk 尝试像这样重新赋值 Sdk="Microsoft.NET.Sdk.web然后尝试删除不寻常的 wwwroot 文件夹并重新生成文件夹和这次将其命名为 wwwroot 它将具有您喜欢的图标