首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

认识ASP.NET 5项目结构和项目文件xproj

.vs 隐藏文件夹:用来保存原本我们在VS2003-2013项目目录中会看到的 *.suo 文件,这个文件主要用来保存 Visual Studio 2015 操作过程的一些状态,例如你已经开启的档案列表等临时的信息...artifacts 文件夹:用来保存网站构建过程中需要临时保存的元文件案与输出文件,也就是以前在项目中常看到的 bin 与 obj 目录,现在都统一搬到这个文件夹下。...node_modules文件夹:由于 Visual Studio 2015 将 nodejs 常用的 npm 套件管理工具整合在一起,未来所有的 npm 组件都可以通过 npm 命令进行安装,且这些组件默认的设置都会安装到...node_modules文件夹之中。...换句话说,未来 ASP.NET 5 应用程序启动时,第一时间就是从 Startup 类开始执行的!

1.8K80

在 ASP.NET Core 项目中使用 npm 管理你的前端组件包

当我们从别处拷贝这个项目后,通过执行 npm install 命令,就会根据这个配置文件,自动下载项目中所需要引用的前端组件包。 ?   ...我们知道,在 ASP.NET Core 项目中,对于 web 项目中的静态文件的获取,通常是使用 StaticFileMiddleware 这个中间件。...而 “{contentroot}/wwwroot” 这个目录是对外发布项目中的静态文件默认使用的根目录,也就是说,我们需要将使用到的 npm 包移动到 wwwroot 文件下。   手动复制?...:js"])); });   在 gulp.js 中主要有四个 API,就像我们项目中的 gulpfile 更多的是对于第三方插件的使用,而我们只需要通过 pipe 将任务中的每一步操作添加到任务队列中即可...三、总结    这一章主要是介绍了如何在我们的 ASP.NET Core 项目中通过 npm 管理我们的前端组件包,同时,使用 gulp 去执行一些移动文件、压缩文件的任务。

2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ASP.NET Core 中的捆绑和缩小静态资产

    基于环境的捆绑和缩小 从 Gulp 使用 bundleconfig.json 手动转换捆绑和缩小工作流以使用 Gulp 运行 Gulp 任务 其他资源 参考资料 最近在B站上看到杨旭老师的 ASP.NET...文件越少,从浏览器到服务器或从提供应用程序的服务的 HTTP 请求就越少。 这会提高第一页加载性能。 缩小 缩小在不更改功能的情况下从代码中删除不必要的字符。...加载时间显示了显著改进,但本示例在本地运行。 将捆绑和缩小与通过网络传输的资产结合使用时,可实现更高的性能提升。...为了满足这些要求,可以将捆绑和缩小工作流转换为使用 Gulp。...package.json 相同的级别运行以下命令来安装依赖项: npm i 安装 Gulp CLI 作为全局依赖项: npm i -g gulp-cli 将以下 gulpfile.js 文件复制到项目根

    4K20

    在 VS 2015 中使用 Gulp 编译 TypeScript

    在 VS 2015 中使用 Gulp 编译 TypeScript 升级到 VS2015 之后, TypeScript 文件不能自动编译成 js 文件, 要编译项目才能讲所有的 ts 文件 编译成 js...文件, 不过 VS2015 支持 Gulp , 而 Gulp 有 TypeScript 插件, 这样使用 Gulp 自动编译 ts 文件的方法就可以实现了。...我们要把 app 目录下的 ts 文件编译到 wwwroot/app 目录下, 使用 Gulp 的做法是这样的: 1、 添加 gulp 和 gulp-typescript NPM 包 打开 package.json.../app')); }); 现在在 Task Runner Explorer 就能看到这个名称为 tsc 的任务了, 运行一下, 果然在 wwwroot/app 目录下生成了对应的 js 文件, 前进了一大步...4、 调用 TypeScript 配置文件 项目中一般都会有一个 tsconfig.json 的配置文件, 我们还需要读取这个文件, 需要稍微修改一下上面的 tsc 任务, 先读取 tsconfig.json

    1.3K30

    给ASP.NET Core Web发布包做减法

    在ASP.NET Core Web App中我们可以通过Bower或NPM来安装一些JS、CSS插件,来方便我们组织前端组件。...如果现在发布ASP.NET Core Web App,wwwroot下已包含到项目中的文件都会被发布。虽然我们可以使用捆绑和微小的技术对js、css进行压缩来减少网页大小来提升加载速度。...思路 我们就以集成AdminLte的ASP.NET Core Mvc项目为例,看看发布的包大小究竟有多大。 ? 从上图我们看到发布后wwwroot/plugins文件夹就占了很大一部分空间。...在项目根目录下创建一个名为 gulpfile.js 的文件。将以下代码粘贴复制进去。 const gulp = require('gulp');//1....运行后,需要复制的Bower包文件和文件夹就会复制到wwwroot\lib文件夹下。如图: ? 将bower包安装文件夹排除到项目外。 更新项目中现有文件的引用到lib目录下。

    1.4K10

    ASP.NET5之客户端开发:Grunt和Gulp构建工具在Visual Studio 2015中的高效的应用Grunt和Gulp使用Grunt准备项目配置NPM配置Grunt集成起来监测文件变化与V

    Grunt和Gulp都在Visual studio 2015中得到支持。ASP.NET 项目模板默认使用Gulp。 Grunt和Gulp Grunt和Gulp有什么区别?...使用Grunt 这个实例使用Empty ASP.NET项目模板来展示自动化的客户端构建工作。非空的ASP.NET项目模板默认使用Gulp。...在Vistual Studio 2015中,创建新的ASP.NET应用程序。 在“新ASP.NET项目”对话框中,选择ASP.NET Empty模板并且单击OK按钮。...在项目中添加一个名为Typescript的文件夹 在添加任何文件之前,确认Visual Studio 2015打开了“保存时编译”的项目(在“工具->选项->文本编辑器->Typescript=>项目...在task方法的回调函数内部,使用方才定义的gulp执行我们需要的工作,首先定义一个clean任务 gulp.src('wwwroot/lib/*').pipe(clean()); Gulp流 gulp

    3K70

    .Net Core系列教程(一)——环境搭建一、目标:二、环境安装:

    一、目标: 在Debian系统上跑ASP.NET Core网站,使用PostgreSQL数据库。其实.net core的运行环境非常好搭,至少要比nginx+php+mysql环境要容易多了。...这里是启动项的一个描述,随便写点什么 [Service] ExecStart=/usr/local/bin/dotnet /home/web/biz126.com/wwwroot/Biz126...项值设定为“”,在9.0 Windows版中,该项配置已经是“”无需修改。...pg_hba.conf 在该配置文件的host all all 127.0.0.1/32 md5行下添加以下配置,或者直接将这一行修改为以下配置 host all all 0.0.0.0...======= =================================== 2017-9-23日更新: 在ASP.NET Core 2.0中,Startup.cs文件的Configure内需要加一项配置

    80520

    ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

    多个月以来,我和多个Github上的社区贡献者一起建立支持库、包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angular2宿主在ASP.NET Core项目中...快速构建:对于开发来说,你不需要再等待再每次更改之后,webpack去重新解析第三方代码,因为第三方类库将会独立到另外的一个bundle中,另外,超快速的构建包含了所有的map文件便于调试,再发布版本的文件中却将直接输出压缩版本...一切就绪之后,项目中看起来可能回出现一点问题,但是实际上并不是这样,当VS2015完成安装依赖后将会显示not installed ?...第一件事,虽然通常angular2运行在浏览器里,但是ASP.NET Core Server也可以让他运行在服务器端,所以它可以仅将HTML代码发送到浏览器,不需要javascript就可以显示内容。...,我们在template中使用它的几个非常酷的功能: Webpack 开发中间件 通常来说,一旦你改变任何一个Typescript文件,你都需要去运行webpack来重新生成javascript文件,但是

    3.3K60

    node模块加载层级优化

    在目录/usr/local/test、/usr/local、/usr、/四个目录下都没有“node_modules”目录或者“node_modules”目录下都没有gulp模块,那么运行这个文件,肯定会报错...因此建议大家在项目中评估好依赖的位置,如果合适的话可以优先加载手动设置的依赖目录: // 当前目录: /usr/local/test/index.js // gulp模块所在路径为 /usr/lib/node_modules...每次运行程序都需要提前输入一系列的路径,这种方式将代码的可维护性变为了程序的可维护性,在负责的项目中不适合使用。 尝试三 node运行时给我们提供了一个变量,对,就是process。...我们可以在应用的入口文件设置环境变量: // 当前目录: /usr/local/test/index.js // gulp模块所在路径为 /usr/lib/node_modules process.env.NODE_PATH...='/usr/lib/node_modules'; var gulp = require('gulp'); 这样我们在执行文件,意想不到的事情发生了,仍报出“MODULE_NOT_FOUND”错误。

    1.6K80

    03_Node.js模块化开发

    全局gulp用于启动各个项目中的本地gulp,换句话说,如果在全局安装了gulp-cli,那么就可以在不同的项目中使用不同的gulp版本。...5 在项目中使用gulp 5.1 gulp中的常用插件 gulp第三方模块仅提供了一些常用的方法,使用这些方法只能实现一些基础的操作。...随着时间的推移,项目中的某些模块可能会升级版本,模块提供的API也会发生变化,那么如何对模块进行有效管理呢? 将代码发给其他人或者上传到代码仓库时需要发送node_modules目录吗?...只需要在复制完成的项目中打开命令行工具,输入“npm install”命令,npm工具会自动到项目根目录下去找到package.json文件下的dependencies选项去下载第三方模块。...,比如项目中使用的gulp模块等。

    10110

    The story behind _references.js 简译一下

    _references.js背后的故事 _references.js是在VS的WEB项目中,提供智能提示的关键技术。...在VS2010发布之后,作者还是ASP.NET小组成员时,小组想把js编辑器的功能迁移到一个新的“客户端平台小组”。...而原来的js编辑器从vs中剥离,但它却在webMatrix中保存下来,包括之后的开发及更新。 既然要开发新的编辑器,正好是重新设计我们已经使用过的许多功能的机会。.../app/respond.js" /> 把js文件从解决方案管理器拖动到页面上时,文档顶部自动插入一个三斜杠的引用。通过这种引用,ide就可能进行智能提示。...会找到引用的文件(我现在安装的vs2015明显没有列出_references.js) 自动实现一切 以上这些功能都随着vs2012发布了,但到了vs2013,我们决定再次改进工作流程。

    72910

    ASP.NET Core 介绍和项目解读

    specs,大意是它可以自动压缩关联文件用于项目中,如生成 和 符号. 2.3.6 wwwroot和bower.json wwwroot是一个存放静态内容的文件夹,存放了诸如...刚才提到新的ASP.NET Core使开发灵活度大大提高,文件配置也都是手动为主,所以既然有存放文件的wwwroot,那也有存放文件引用的bower.json: { "name": "asp.net...,我们可以在里面自由删除增加需要的文件,如jquery.form.js,Bower配置管理器也会自动帮我们在github上下载相关文件,下载后的文件也将放在wwwroot文件夹中。...这些改变在项目的“依赖项”上都能直观查看。...,类似于.NET Framework上的Web.Config文件,开发者可以将系统参数通过键值对的方式写在appsettings文件中(如程序的连接字符串),而Startup类中也在构造器中通过如下代码使得程序能够识别该文件

    2.7K60

    【ASP.NET Core 基础知识】--项目结构

    以下是一个典型的ASP.NET Core项目的基本结构: 项目文件 (.csproj): 项目的主要配置文件,定义了项目的依赖项、输出等信息。...二、项目文件和文件夹的作用 在ASP.NET Core项目中,项目文件和文件夹的组织结构有助于提高代码的可读性、可维护性和可扩展性。...四、配置文件 在ASP.NET Core中,配置文件是一种存储应用程序配置信息的方式,允许将应用程序配置从代码中分离出来,以便于修改和管理。...} 环境变量: 作用: 允许在不同环境中设置配置项,覆盖 appsettings.json 中的值。...五、总结 ASP.NET Core项目结构包括项目文件、wwwroot、Controllers、Models、Views等文件夹,以及配置文件appsettings.json。

    45010

    ASP.NET Core: 全新的ASP.NET !

    如果你正在使用旧版本的 ASP.NET 或者你有 WebForms 的开发背景,那么你将会认识到 ASP.NET Core 有多完美,这感觉起来就像从古典的 ASP 时代来到全新的 ASP.NET 的世界...· wwwroot: 你的静态文件将被放置在这个文件夹,它们都将作为资源直接提供给客户端,包含 HTML,CSS 和 JavaScript 文件。 · project.json: 包含项目设置。...在 ASP.NET Core中,你可以通过使用 NuGet 程序包管理工具(NPM)添加 NuGet 包或者编辑这个文件来管理从属。...你可以继续使用 VS2015 的 .NET 4.6 来构建 Web Forms 应用,但是却不能体会 ASP.NET 5 的新特性了。...Grunt 和 Gulp 可以帮你自动化构建 Web 开发工作流, 你可以使用它们来编译和压缩 JavaScript 文件。

    11.4K101
    领券