【前言】

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

【正文】

项目流程

安装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

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》

【总结】

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

【Angular2】 如何创建一个Angular2项目相关推荐

  1. angular2入门-第一个angular2 App

    建立一个angular包括以下步骤: * 运行环境:安装Node.js* Step 1: 创建一个app项目,定义好包依赖和指定项目设置* Step 2: 创建Angular App的根组件(Comp ...

  2. 树莓派Android Things物联网开发:创建一个Things项目

    [转载请注明出处:http://blog.csdn.net/leytton/article/details/77854144] <树莓派Android Things物联网开发>系列文章专栏 ...

  3. Maven如何用Eclipse创建一个Maven项目【笔记自用】

    1.Maven的安装与设置环境变量 想要创建一个Maven项目需要先安装Maven,并且设置好环境变量 去下载Maven 设置环境变量 新建变量MAVEN_HOME,值为Maven的目录X:\XXX\ ...

  4. 创建一个springMVC项目总结

    创建一个springMVC项目总结 1.如何搭建起一个Spring mvc的环境并运行程序. 参考:http://www.cnblogs.com/bigdataZJ/p/springmvc1.html ...

  5. react项目_保证一看就会 | 手把手教你创建一个React项目

    一.如何使用 git 在 GitHub 上创建一个项目 新建一个项目 首先,在github上注册自己的账号,然后登录后,可以看到如下界面,是你的主页.点击右边的➕号,选择第一个选项 填写项目信息 此时 ...

  6. 如何使用eclipse软件创建一个Java项目?

    同学们在参加Java的时候老师肯定会教给你们如何去创建一个项目,这里怕有些同学没记住,所以单独为大家分享一篇如何使用eclipse软件创建一个Java项目教程,感觉有用的话收藏转发一下~ eclips ...

  7. 初学者用pycharm创建一个django项目和一个app时需要注意的事项

    目录 如何新建一个djiango项目: 如何创建一个app: 如何启动一个django项目: 新建一个django项目,需要注意以下几项配置: 如何新建一个djiango项目: 1.在pycharm中 ...

  8. Django从理论到实战(part3)--创建一个Django项目

    学习笔记,仅供参考 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列中,尽量详细的写一下. 文章目录 创建一个Django项 ...

  9. 创建python虚拟环境,安装django,创建一个django项目,在项目中创建一个应用(ubuntu16.04)...

    一.创建python虚拟环境 首先,为什么要创建python的虚拟环境? 因为,在实际的项目开发中,每个项目使用的框架库并不一样,或使用框架的版本不一样,这样需要 我们根据需求不断的更新或卸载相应的库 ...

  10. 把python37添加到环境变量配置_关于在win 10上成功创建一个Django项目时遇到django-admin的手动配置环境变量问题。...

    前言 初学Python Web 在创建第一个Djang项目的时候出现了很多的问题,今天和大家分享并记录一下这次艰难的历程! 一.官网下载Python以及安装Django 1.Python的下载安装 链 ...

最新文章

  1. LuManager使用中典型问题整理集合
  2. 再部署一个 instance 和 Local Network - 每天5分钟玩转 OpenStack(131)
  3. python进阶 多线程编程 —— threading和queue库实现多线程编程
  4. Dubbo管控台Windows安装
  5. Javascript实例:Select的OnChange()事件
  6. 微服务架构--链路追踪(Nginx篇)
  7. 深度学习之卷积神经网络(4)LeNet-5实战
  8. php的变量、传值、传址、销毁变量
  9. 正则表达式在iOS中的运用
  10. java的地位_Java地位无可动摇的12个原因
  11. 06 使用VS2012开发简单控制器程序 1214
  12. HDFS : RemoteException Operation category READ is not supported in state standby.
  13. java数组冒泡排序法编程_java实现数组冒泡排序的方法
  14. easyswoole数据库连接池_Swoole Redis 连接池的实现
  15. CPDA项目数据分析师和CDA数据分析师有什么区别?
  16. curl上传文件到服务器命令,linux curl上传文件到服务器
  17. 综合评价方法之熵值法
  18. 苏州大学NLP团队文本生成预训练方向招收研究生/博士生(含直博生)
  19. Java获取国内手机号码归属地
  20. 每日爬虫:爬百度千千音乐

热门文章

  1. 【听】人性的弱点,人际关系交往的鸡汤宝典
  2. 【财富空间】年终重磅:解密全球30家搅局者和355家上市路上的科技公司
  3. 3种前端动态设置纯色图标的颜色的方法
  4. halcon已知多点拟合圆_5.2 halcon实现图像圆的拟合与提取
  5. 价值工程 价值分析 pmp_价值和地点,您的理想城市离市场分析很远
  6. 密码学认证协议名词解释,AKE,PKI,IBC,PKG,KGC,
  7. 记录一个使用MD5加密密码的小工具类
  8. Ubuntu 提示boot空间不足的解决办法
  9. 怎样清理苹果电脑磁盘空间_Macbook苹果电脑提示磁盘空间不足怎么办【解决方法】...
  10. 在早教阶段幼儿应不应该使用计算机,计算机与幼儿教育