快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

怎么进行asp.netcore开发环境准备-创新互联

怎么进行asp.net core开发环境准备,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联建站是专业的新兴网站建设公司,新兴接单;提供成都做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行新兴网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

1.1 安装sdk和运行时

浏览器打开网址https://www.microsoft.com/net/download, 到.Net Core下载页面。

怎么进行asp.net core开发环境准备

根据操作系统,下载对应的SDK进行安装。安装之后可以从命令行运行dotnet命令,查看是否安装成功。

怎么进行asp.net core开发环境准备

1.2 使用VS2015

首先确保你的电脑上安装Visual Studio 2015 Update3,当然我们也可以安装 Visual Studio Community 2015(https://www.visualstudio.com/products/visual-studio-community-vs),来替代收费版本的Visual Studio 2015.

VS2015 下载地址:https://www.visualstudio.com/zh-cn/downloads/download-visual-studio-vs.aspx

然后到https://go.microsoft.com/fwlink/?LinkId=817245  下载“NET Core Tooling Preview 2 for Visual Studio 2015”

准备妥当之后,打开VS2015.

怎么进行asp.net core开发环境准备

新建项目,选择Asp.net Core Application 项目。

怎么进行asp.net core开发环境准备

配置好项目文件的位置之后,点击确定,选择模板,身份验证方式。

怎么进行asp.net core开发环境准备

点击确定后,项目就生成了。

怎么进行asp.net core开发环境准备

启动调试的时候有两种选择:

怎么进行asp.net core开发环境准备

使用IIS Express做宿主或者选择 Application自宿主方式。效果如下:

怎么进行asp.net core开发环境准备

1.3 使用VSCode(跨平台方案)

通用的跨平台解决方案是使用Visual Studio Code,我们首先到https://code.visualstudio.com/ 下载VS Code,进行安装。

安装之后,打开VS Code,Ctrl+P 打开Quick Open,输入如下命令,安装C# for Visual Studio Code。

怎么进行asp.net core开发环境准备

ext install csharp

怎么进行asp.net core开发环境准备

安装成功之后,重启VS Code。

下面我们新建一个文件夹,用来测试Asp.net Core。

怎么进行asp.net core开发环境准备

进入文件夹,在命令行分别执行如下命令:

dotnet new -t web

dotnet restore

dotnet run

怎么进行asp.net core开发环境准备

怎么进行asp.net core开发环境准备

现在在浏览器打开http://localhost:5000,可以看到默认生成的站点。

怎么进行asp.net core开发环境准备

在命令行“CTRL+C”,结束测试,下面我们用VS Code打开项目文件夹。当前生成的内容如下:

怎么进行asp.net core开发环境准备

右键用VS Code打开文件夹。

怎么进行asp.net core开发环境准备

这个时候会提醒,下载调试和编译工具,点击“Yes”。

怎么进行asp.net core开发环境准备

注意下面的状态栏信息,不过要注意的是,如果下载失败的话,可能需要考虑代理或者其他方式科学上网了。

怎么进行asp.net core开发环境准备

比较幸运,下载和安装成功。

怎么进行asp.net core开发环境准备

展开调试功能。

怎么进行asp.net core开发环境准备

如果调试选项里显示没有匹配,在配置下拉中选择.NET Core。

怎么进行asp.net core开发环境准备

在调试器选择web项目。

怎么进行asp.net core开发环境准备

开始调试。

怎么进行asp.net core开发环境准备

如果打开的是 VS2015创建的项目,可能会出现如下错误:

怎么进行asp.net core开发环境准备

打开launch.json,修改program的路径,具体路径可以查看编译后的bin/debug文件夹里面的内容:

怎么进行asp.net core开发环境准备

怎么进行asp.net core开发环境准备

启动调试,编译成功,会自动启动浏览器。

怎么进行asp.net core开发环境准备

但是我们看到的样式和从命令行看到的不同,原因在于调试模式和Product模式,使用的文件不一样,在_Layout文件中我们可以看到原因。

怎么进行asp.net core开发环境准备

开发模式下,引用的bootstrap文件在“wwwroot/lib/bootstrap”目录下,但是我们当前找不到这个目录。项目的JQuery和Bootstrap依赖是通过bower来安装的,这点我们可以从bower.json看到。

怎么进行asp.net core开发环境准备

看来是需要先安装bower了,通过如下命令进行安装:

npm install -g bower

如果连npm都没有,那就先安装node了,这里我就不再啰嗦下去了。

bower 安装成功之后,执行

bower install

安装依赖项。

怎么进行asp.net core开发环境准备

再次启动调试。

怎么进行asp.net core开发环境准备

现在一切正常了。

需要调试代码的地方,直接单击代码左侧下断点就可以了。

怎么进行asp.net core开发环境准备

1.4 Yeoman

在使用VS Code进行Asp.net Core 开发过程中,我们通常会使用Yeoman和VS Code打配合。Yeoman是一套工具的集合,通过模板的方式,生成Asp.net Core的项目文件,单独生成Contoller、View等文件。

首先我们通过NPM安装一整套依赖项。

npm install -g yo bower grunt-cli gulp

然后再执行下面的命令安装generator-aspnet。

npm install -g generator-aspnet

下面重新开始构建一个Asp.Net Core 项目。

先创建一个测试项目的文件夹。

怎么进行asp.net core开发环境准备

执行

yo aspnet

先蹦出来的是是否允许上传使用统计信息。

怎么进行asp.net core开发环境准备

接下来是创建项目的选项:

怎么进行asp.net core开发环境准备

使用键盘上下键进行选择,然后回车键确认,这里我新建一个Basic类型的web项目。

怎么进行asp.net core开发环境准备

接下来选择使用UI框架,我还是选择Bootstrap。

怎么进行asp.net core开发环境准备

输入要创建项目的名称(BasicWeb)。

怎么进行asp.net core开发环境准备

现在提示创建成功了,使用dotnet 的restore、build、run命令分别用来加载依赖,编译和运行。

现在使用VS Code打开该文件夹,可以进行编辑和调试了。

怎么进行asp.net core开发环境准备

首次打开时仍然会有这样的提示,点击yes,会生成.vscode文件夹,下面会生成编译和启动相关的配置文件。

怎么进行asp.net core开发环境准备

添加Controller

在VS Code中从命令行打开Controller文件夹。

怎么进行asp.net core开发环境准备

执行命令:

yo aspnet:MvcController DemoController

怎么进行asp.net core开发环境准备

回到vscode中,可以看到生成的文件。

怎么进行asp.net core开发环境准备

下面再来生成对应的view文件。

添加 View

现在Views文件夹下创建一个Demo1的文件夹用来和Demo1Controller对应。

怎么进行asp.net core开发环境准备

从命令行打开Demo1文件夹,执行下面的命令创建Index 视图文件。

yo aspnet:MvcView Index

怎么进行asp.net core开发环境准备

不论项目是何种方式创建的,VSCODE打开之前,都要运行下“dotnet restore”。当然在跨平台开发环境中,一定要熟悉dotnet cli的各种命令,离开了VS2015这样的巨无霸,命令行在linux和Mac下才是最实用的。


看完上述内容,你们掌握怎么进行asp.net core开发环境准备的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:怎么进行asp.netcore开发环境准备-创新互联
本文路径:http://6mz.cn/article/hppih.html

其他资讯