亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > .NET > 正文

詳解.Net Core + Angular2 環境搭建

2024-07-10 13:31:38
字體:
來源:轉載
供稿:網友

本文介紹了.Net Core + Angular2 環境搭建,具體如下:

環境搭建:

1)node.js版本>5.0,NPM版本>3.0,TypeScript版本>2.0(全裝最新版就好了)

2)安裝NTVS 1.2(node tools for vs),TSVS dev 1.4(TS for VS)

3)構建package.json,tsconfig.json,gulp.js文件

1、package.json

{ "name": "template.angular2", "version": "1.0.0", "licenses": [  {   "type": "MIT",   "url": "https://github.com/angular/angular.io/blob/master/LICENSE"  } ], "dependencies": {  "@angular/common": "~2.1.1",  "@angular/compiler": "~2.1.1",  "@angular/core": "~2.1.1",  "@angular/forms": "~2.1.1",  "@angular/http": "~2.1.1",  "@angular/platform-browser": "~2.1.1",  "@angular/platform-browser-dynamic": "~2.1.1",  "@angular/router": "~3.1.1",  "@angular/upgrade": "~2.1.1",  "core-js": "^2.4.1",  "reflect-metadata": "^0.1.8",  "rxjs": "5.0.0-beta.12",  "systemjs": "0.19.39",  "zone.js": "^0.6.25" }, "devDependencies": {  "@types/core-js": "^0.9.34",  "@types/node": "^6.0.45",  "gulp": "^3.9.1",  "del": "^2.2.2" }}

2、tsconfig.json

{ "compilerOptions": {  "target": "es5",  "module": "commonjs",  "moduleResolution": "node",  "sourceMap": true,  //需要這個才能使用注釋器  "emitDecoratorMetadata": true,  "experimentalDecorators": true,  "removeComments": false,  "noImplicitAny": false }, "compileOnSave": true}

3、gulp.js

var gulp = require('gulp');var del = require('del');var paths = {  angularPatch: [    "node_modules/core-js*/**/*",    "node_modules/zone.js*/**/*",    "node_modules/reflect-metadata*/*.js",     "node_modules/reflect-metadata*/*.map",    "node_modules/systemjs*/dist*/*.js",     "node_modules/systemjs*/dist*/*.map"  ],  angularSrc: [    "node_modules/@angular/core/bundles/core.umd.js",    "node_modules/@angular/common/bundles/common.umd.js",    "node_modules/@angular/compiler/bundles/compiler.umd.js",    "node_modules/@angular/platform-browser/bundles/platform-browser.umd.js",    "node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js",    "node_modules/@angular/http/bundles/http.umd.js",    "node_modules/@angular/router/bundles/router.umd.js",    "node_modules/@angular/forms/bundles/forms.umd.js",    "node_modules/@angular/upgrade/bundles/upgrade.umd.js"    //"node_modules/",  ],  rxjsSrc: "node_modules/rxjs/**/*",  TSSrc:"Scripts/**/*.js",  TSTarget:"wwwroot/js",  Tartget:"wwwroot/lib"}//手工構建一次gulp.task("copyangularfiles", function () {  //gulp.src(paths.angularSrc).pipe(gulp.dest(paths.Tartget));  paths.angularSrc.forEach(function (path) {    var tpath = path.replace("node_modules", paths.Tartget).split('/');    gulp.src(path).pipe(gulp.dest(tpath.slice(0, tpath.length - 1).join('/')));  });  gulp.src(paths.rxjsSrc).pipe(gulp.dest(paths.Tartget + "/rxjs"));  gulp.src(paths.angularPatch).pipe(gulp.dest(paths.Tartget + "/patch"));});//加入任務->綁定->生成前gulp.task("copytsfiles", function () {  gulp.src(paths.TSSrc).pipe(gulp.dest(paths.TSTarget));})gulp.task('default', ['copytsfiles'], function () {  // place code for your default task here});

4)在項目根目錄建立 Scripts 文件夾

5)在wwwroot文件夾建立systemjs.config.js

/** * System configuration for Angular samples * Adjust as necessary for your application needs. */(function (global) {  System.config({    paths: {      // paths serve as alias      'npm:': 'lib/'    },    // map tells the System loader where to look for things    map: {      // our app is within the app folder      app: 'js',      // angular bundles      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',      '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js',      // other libraries      'rxjs': 'npm:rxjs'    },    // packages tells the System loader how to load when no filename and/or no extension    packages: {      app: {        main: './main.js',        defaultExtension: 'js'      },      rxjs: {        defaultExtension: 'js'      }    }  });})(this);

6)修改Views/Shared/_Layout.cshtml,刪除對site.js的引用

7)修改Views/Home/Index.cshtml,增加/構建@section scripts 腳本

@section scripts{  <!-- 1. Load libraries -->  <!-- Polyfill(s) for older browsers -->  <script src="~/lib/patch/core-js/client/shim.min.js"></script>  <script src="~/lib/patch/zone.js/dist/zone.js"></script>  <script src="~/lib/patch/reflect-metadata/Reflect.js"></script>  <script src="~/lib/patch/systemjs/dist/system.src.js"></script>  <!-- 2. Configure SystemJS -->  <script src="systemjs.config.js"></script>  <script>    System.import('app').catch(function (err) { console.error(err); });  </script>}

8)環境搭建完成,程序入口文件 wwwroot/js/main.js(Scripts/main.ts)

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到ASP.NET教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91日本视频在线| 国产视频久久网| 欧美大片欧美激情性色a∨久久| 日本午夜在线亚洲.国产| 中文字幕亚洲欧美日韩2019| 欧美极品少妇xxxxⅹ喷水| 久久久久久久久久国产| 国产精品亚洲自拍| 欧美激情va永久在线播放| 国产精品中文久久久久久久| 久久这里只有精品99| 爱福利视频一区| 福利视频一区二区| 亚洲精品视频免费在线观看| 国产精品香蕉在线观看| 91豆花精品一区| 国产精品三级久久久久久电影| 日韩美女福利视频| 亚洲欧美国产另类| 精品欧美激情精品一区| 久久综合久久美利坚合众国| 亚洲成人精品在线| 91av在线网站| 九九九久久久久久| 中文字幕欧美精品日韩中文字幕| 亚洲国产毛片完整版| 亚洲精品一区二区三区不| 日韩福利在线播放| 国产亚洲一区精品| 狠狠色香婷婷久久亚洲精品| 国产九九精品视频| 91av在线播放视频| 国产一区二区三区免费视频| 欧美色另类天堂2015| 亚洲久久久久久久久久| 91成人免费观看网站| 91精品国产高清自在线看超| 日韩国产高清视频在线| 亚洲国产成人精品电影| 亚洲欧美综合v| 久久久国产精彩视频美女艺术照福利| 亚洲精品小视频| 国产欧美一区二区白浆黑人| 91免费看片在线| 国产99视频精品免视看7| 欧美日韩精品中文字幕| 欧美国产中文字幕| 亚洲自拍偷拍视频| 亚洲人成网站在线播| 亚洲欧美日韩精品久久亚洲区| 亚洲精品国精品久久99热| 亚洲国产精久久久久久久| 国产一区二区动漫| 欧美成人国产va精品日本一级| 中日韩美女免费视频网址在线观看| 日产精品久久久一区二区福利| 午夜免费在线观看精品视频| 成人h视频在线| 国产成人+综合亚洲+天堂| 亚洲国产精品女人久久久| 最近免费中文字幕视频2019| 国产精品久久久久久久久久久久久| 久久久久久免费精品| 激情懂色av一区av二区av| 伊人久久大香线蕉av一区二区| 欧美亚洲日本网站| 国产精品久久久精品| 成人国产精品免费视频| 日韩一级裸体免费视频| 亚洲综合色激情五月| 亚洲欧美国产一区二区三区| 欧美另类老女人| 亚洲自拍小视频免费观看| 国产小视频91| 日韩欧美一区二区三区久久| 久久影院在线观看| 91欧美激情另类亚洲| 国产精品久久久久久久电影| 欧美成人精品一区二区三区| 亚洲成av人片在线观看香蕉| 欧美日韩国产精品一区二区不卡中文| 久久久久久久国产精品| 亚洲电影免费观看高清| 日本亚洲欧洲色| 久久久亚洲国产天美传媒修理工| 国产成人精品电影| 欧美综合国产精品久久丁香| 成人有码在线播放| 最近中文字幕mv在线一区二区三区四区| 中文字幕欧美在线| 欧美黑人国产人伦爽爽爽| 欧美劲爆第一页| 在线播放国产一区二区三区| 亚洲精品电影在线观看| 国产欧美精品久久久| 欧美日韩中国免费专区在线看| 日韩精品在线私人| 成人高清视频观看www| 久久成人免费视频| 国产99视频精品免视看7| 亚洲精品美女久久| 午夜精品久久久久久99热软件| 久久人人爽人人爽爽久久| 亚洲国产天堂久久综合| 热久久这里只有精品| 欧美有码在线观看| 精品一区二区三区四区| 亚洲毛片在线观看.| 久久久久久久激情视频| 国产99久久精品一区二区 夜夜躁日日躁| 91免费电影网站| 91中文字幕在线| 不卡毛片在线看| 久久影视电视剧凤归四时歌| 亚洲精品国产精品乱码不99按摩| 91美女片黄在线观| 69影院欧美专区视频| 国产91色在线播放| 国产欧美日韩专区发布| 精品国产依人香蕉在线精品| 在线观看久久av| 欧美福利在线观看| 欧美性猛交xxxx乱大交极品| 亚洲黄色在线观看| 午夜免费久久久久| 国产精品久久久久不卡| 国产成人短视频| 亚洲精品久久视频| 久久99亚洲热视| 中文精品99久久国产香蕉| 91免费精品视频| 热久久这里只有| 中文字幕在线视频日韩| 欧美黑人国产人伦爽爽爽| 精品日韩视频在线观看| 国产精品一区二区三区免费视频| 成人网页在线免费观看| 中文字幕日韩欧美在线视频| 国产一区二区三区在线免费观看| 欧美激情18p| 日韩av观看网址| 性欧美暴力猛交69hd| 亚洲精品suv精品一区二区| 成人性生交大片免费看视频直播| 中文字幕9999| 精品电影在线观看| 欧美性感美女h网站在线观看免费| 国产拍精品一二三| 国产精品欧美久久久| 亚洲精品一区二区久| 久久久久久国产精品| 91精品久久久久久| 欧美xxxx做受欧美| 有码中文亚洲精品| 久久91超碰青草是什么| 欧美精品18videosex性欧美| 热久久免费视频精品| 97在线日本国产| 久久中国妇女中文字幕| 丁香五六月婷婷久久激情| 一区二区欧美日韩视频| 欧美日韩性视频| 97国产suv精品一区二区62| 热99精品里视频精品|