【Angular2】 如何创建一个Angular2项目

前端之家收集整理的这篇文章主要介绍了【Angular2】 如何创建一个Angular2项目前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@【前言】

这个也是从晓风写的文档上借鉴来的, 我做端到端测试的时候用的就是这个项目。

@H_403_0@【正文】

项目流程

安装webstorm-持续集成服务器

下载地址:http://www.jetbrains.com.cn/webstorm.html

新建angular2项目

直接在命令提示符中输入:

ng new angular-cli-project

PS:angular2的基本文件已经创建,接下来就是下载项目所依赖的nodejs包,用ng new angular-cli-project,直接创建如果不终止的话,默认用npm从国外网站下载资源,下载速度极慢。所以基本文件下载完毕之后,终止进程,然后用cnpm下载项目所依赖的nodejs包

定位到项目目录

在命令提示符中直接输入:

cd angular-cli-project

安装项目依赖的所有node.js包

在命令提示符中直接输入:

cnpm install 

启动web服务器

直接在命令提示符中输入:

ng serve

效果图:


PS:除了用ngserve启动项目之外,也可以在命令提示符中直接输入:cnpm start开启。

3. 官方网站

Angular2中文官方网站:https://angular.cn/docs/ts/latest/tutorial/toh-pt1.html

@H_403_0@PS

合作伙伴们,对于angular2搭建基本环境的基础上,首先可参照本文档初始化一个项目,之后在进行了解时可侧重了解一下:

元测试、typescript、数据的双向绑定、sass、指令、封装自定义的UI组件,其他Angular2的一些特性。

相关项目:

Angular2-seed、Angular2-spa-DataGrid、Angular2-typescript-gulp-master、switching-to-Angular2

PS:相关项目是放在GitHub上的,所以可通过命令提示符进行自行下载:

可参考十二期杨晓风的博客《Angular2初步涉略》

另外相关研究的博客为:《Angular2之TypeScript》《前端工程化之Nodejs》

《前端工程化之NPM》《初识Gulp》


@H_403_0@【总结】

基本的东西都总结全了, 接下来可能会写一些原理 。或者特性的东西, 算是进阶吧。

猜你在找的Angularjs相关文章