- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章详解.Net Core + Angular2 环境搭建由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
本文介绍了.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 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
{
"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 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
{
"compilerOptions"
: {
"target"
:
"es5"
,
"module"
:
"commonjs"
,
"moduleResolution"
:
"node"
,
"sourceMap"
:
true
,
//需要这个才能使用注释器
"emitDecoratorMetadata"
:
true
,
"experimentalDecorators"
:
true
,
"removeComments"
:
false
,
"noImplicitAny"
:
false
},
"compileOnSave"
:
true
}
|
3、gulp.js 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
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 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
/**
* 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 脚本段 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
@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) 。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.
原文链接:http://www.cnblogs.com/xiaoxiaoii/p/6062123.html 。
最后此篇关于详解.Net Core + Angular2 环境搭建的文章就讲到这里了,如果你想了解更多关于详解.Net Core + Angular2 环境搭建的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
全称“Java Virtual Machine statistics monitoring tool”(statistics 统计;monitoring 监控;tool 工具) 用于监控虚拟机的各种运
主要是讲下Mongodb的索引的查看、创建、删除、类型说明,还有就是Explain执行计划的解释说明。 可以转载,但请注明出处。  
1>单线程或者单进程 相当于短链接,当accept之后,就开始数据的接收和数据的发送,不接受新的连接,即一个server,一个client 不存在并发。 2>循环服务器和并发服务器
详解 linux中的关机和重启命令 一 shutdown命令 shutdown [选项] 时间 选项: ?
首先,将json串转为一个JObject对象: ? 1
matplotlib官网 matplotlib库默认英文字体 添加黑体(‘SimHei')为绘图字体 代码: plt.rcParams['font.sans-serif']=['SimHei'
在并发编程中,synchronized关键字是常出现的角色。之前我们都称呼synchronized关键字为重量锁,但是在jdk1.6中对synchronized进行了优化,引入了偏向锁、轻量锁。本篇
一般我们的项目中会使用1到2个数据库连接配置,同程艺龙的数据库连接配置被收拢到统一的配置中心,由DBA统一配置和维护,业务方通过某个字符串配置拿到的是Connection对象。  
实例如下: ? 1
1. MemoryCahe NetCore中的缓存和System.Runtime.Caching很相似,但是在功能上做了增强,缓存的key支持object类型;提供了泛型支持;可以读缓存和单个缓存
argument是javascript中函数的一个特殊参数,例如下文,利用argument访问函数参数,判断函数是否执行 复制代码 代码如下: <script
一不小心装了一个Redis服务,开了一个全网的默认端口,一开始以为这台服务器没有公网ip,结果发现之后悔之莫及啊 某天发现cpu load高的出奇,发现一个minerd进程 占了大量cpu,googl
今天写这个是为了 提醒自己 编程过程 不仅要有逻辑 思想 还有要规范 代码 这样可读性 1、PHP 编程规范与编码习惯最主要的有以下几点: 1 文件说明 2 funct
摘要:虚拟机安装时一般都采用最小化安装,默认没有lspci工具。一台测试虚拟网卡性能的虚拟机,需要lspci工具来查看网卡的类型。本文描述了在一个虚拟机中安装lspci工具的具体步骤。 由于要测试
1、修改用户进程可打开文件数限制 在Linux平台上,无论编写客户端程序还是服务端程序,在进行高并发TCP连接处理时,最高的并发数量都要受到系统对用户单一进程同时可打开文件数量的限制(这是因为系统
目录 算术运算符 基本四则运算符 增量赋值运算符 自增/自减运算符 关系运算符 逻
如下所示: ? 1
MapperScannerConfigurer之sqlSessionFactory注入方式讲解 首先,Mybatis中的有一段配置非常方便,省去我们去写DaoImpl(Dao层实现类)的时间,这个
Linux的网络虚拟化是LXC项目中的一个子项目,LXC包括文件系统虚拟化,进程空间虚拟化,用户虚拟化,网络虚拟化,等等,这里使用LXC的网络虚拟化来模拟多个网络环境。 本文从基本的网络设备讲
? 1
我是一名优秀的程序员,十分优秀!