.Net Core+Angular Cli/Angular4开发环境搭建教程

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g typescript typings

cnpm install -g @angular/cli

cnpm i -g yarn
yarn config set registry http://registry.npm.taobao.org
yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass

ng set --global packageManager=yarn

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Logging;

namespace App.Integration
{
 public class Startup
 {
  public Startup(IHostingEnvironment env)
  {
   var builder = new ConfigurationBuilder()
    .SetBasePath(env.ContentRootPath)
    .AddJsonFile("appsettings.json", optional: false, reloadOnChange: true)
    .AddJsonFile($"appsettings.{env.EnvironmentName}.json", optional: true)
    .AddEnvironmentVariables();
   Configuration = builder.Build();
  }

  public IConfigurationRoot Configuration { get; }

  // This method gets called by the runtime. Use this method to add services to the container.
  public void ConfigureServices(IServiceCollection services)
  {
   // Add framework services.
   //services.AddMvc();
  }

  // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
  public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
  {
   loggerFactory.AddConsole(Configuration.GetSection("Logging"));
   loggerFactory.AddDebug();

   //app.UseMvc();
   app.UseDefaultFiles();
   app.UseStaticFiles();
  }
 }
}

{
 "project": {
 "name": "angular-questionare",
 "ejected": false // 标记该应用是否已经执行过eject命令把webpack配置释放出来
 },
 "apps": [
 {
  "root": "src", // 源码根目录
  "outDir": "dist", // 编译后的输出目录，默认是dist/
  "assets": [ // 记录资源文件夹，构建时复制到`outDir`指定的目录
  "assets",
  "favicon.ico"
  ],
  "index": "index.html", // 指定首页文件，默认值是"index.html"
  "main": "main.ts", // 指定应用的入门文件
  "polyfills": "polyfills.ts", // 指定polyfill文件
  "test": "test.ts", // 指定测试入门文件
  "tsconfig": "tsconfig.app.json", // 指定tsconfig文件
  "testTsconfig": "tsconfig.spec.json", // 指定TypeScript单测脚本的tsconfig文件
  "prefix": "app", // 使用`ng generate`命令时，自动为selector元数据的值添加的前缀名
  "deployUrl": "//cdn.com.cn", // 指定站点的部署地址，该值最终会赋给webpack的output.publicPath，常用于CDN部署
  "styles": [ // 引入全局样式，构建时会打包进来，常用语第三方库引入的样式
  "styles.css"
  ],
  "scripts": [ // 引入全局脚本，构建时会打包进来，常用语第三方库引入的脚本
  ],
  "environmentSource": "environments/environment.ts", // 基础环境配置
  "environments": { // 子环境配置文件
  "dev": "environments/environment.ts",
  "prod": "environments/environment.prod.ts"
  }
 }
 ],
 "e2e": {
 "protractor": {
  "config": "./protractor.conf.js"
 }
 },
 "lint": [
 {
  "project": "src/tsconfig.app.json"
 },
 {
  "project": "src/tsconfig.spec.json"
 },
 {
  "project": "e2e/tsconfig.e2e.json"
 }
 ],
 "test": {
 "karma": {
  "config": "./karma.conf.js"
 }
 },
 "defaults": { // 执行`ng generate`命令时的一些默认值
 "styleExt": "css", // 默认生成的样式文件后缀名
 "component": {
  "flat": false, // 生成组件时是否新建文件夹包装组件文件，默认为false（即新建文件夹）
  "spec": true, // 是否生成spec文件，默认为true
  "inlineStyle": false, // 新建时是否使用内联样式，默认为false
  "inlineTemplate": false, // 新建时是否使用内联模板，默认为false
  "viewEncapsulation": "Emulated", // 指定生成的组件的元数据viewEncapsulation的默认值
  "changeDetection": "OnPush", // 指定生成的组件的元数据changeDetection的默认值
 }
 }
}