【Angular2】 如何创建一个Angular2项目
【前言】
这个也是从晓风写的文档上借鉴来的, 我做端到端测试的时候用的就是这个项目。
【正文】
项目流程
安装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项目相关推荐
- angular2入门-第一个angular2 App
建立一个angular包括以下步骤: * 运行环境:安装Node.js* Step 1: 创建一个app项目,定义好包依赖和指定项目设置* Step 2: 创建Angular App的根组件(Comp ...
- 树莓派Android Things物联网开发:创建一个Things项目
[转载请注明出处:http://blog.csdn.net/leytton/article/details/77854144] <树莓派Android Things物联网开发>系列文章专栏 ...
- Maven如何用Eclipse创建一个Maven项目【笔记自用】
1.Maven的安装与设置环境变量 想要创建一个Maven项目需要先安装Maven,并且设置好环境变量 去下载Maven 设置环境变量 新建变量MAVEN_HOME,值为Maven的目录X:\XXX\ ...
- 创建一个springMVC项目总结
创建一个springMVC项目总结 1.如何搭建起一个Spring mvc的环境并运行程序. 参考:http://www.cnblogs.com/bigdataZJ/p/springmvc1.html ...
- react项目_保证一看就会 | 手把手教你创建一个React项目
一.如何使用 git 在 GitHub 上创建一个项目 新建一个项目 首先,在github上注册自己的账号,然后登录后,可以看到如下界面,是你的主页.点击右边的➕号,选择第一个选项 填写项目信息 此时 ...
- 如何使用eclipse软件创建一个Java项目?
同学们在参加Java的时候老师肯定会教给你们如何去创建一个项目,这里怕有些同学没记住,所以单独为大家分享一篇如何使用eclipse软件创建一个Java项目教程,感觉有用的话收藏转发一下~ eclips ...
- 初学者用pycharm创建一个django项目和一个app时需要注意的事项
目录 如何新建一个djiango项目: 如何创建一个app: 如何启动一个django项目: 新建一个django项目,需要注意以下几项配置: 如何新建一个djiango项目: 1.在pycharm中 ...
- Django从理论到实战(part3)--创建一个Django项目
学习笔记,仅供参考 本系列Blog以应用为主,理论基础部分我在后端专栏的Django系列博客已经写过了,如果有些需要补充的知识点,我会在这个系列中,尽量详细的写一下. 文章目录 创建一个Django项 ...
- 创建python虚拟环境,安装django,创建一个django项目,在项目中创建一个应用(ubuntu16.04)...
一.创建python虚拟环境 首先,为什么要创建python的虚拟环境? 因为,在实际的项目开发中,每个项目使用的框架库并不一样,或使用框架的版本不一样,这样需要 我们根据需求不断的更新或卸载相应的库 ...
- 把python37添加到环境变量配置_关于在win 10上成功创建一个Django项目时遇到django-admin的手动配置环境变量问题。...
前言 初学Python Web 在创建第一个Djang项目的时候出现了很多的问题,今天和大家分享并记录一下这次艰难的历程! 一.官网下载Python以及安装Django 1.Python的下载安装 链 ...
最新文章
- LuManager使用中典型问题整理集合
- 再部署一个 instance 和 Local Network - 每天5分钟玩转 OpenStack(131)
- python进阶 多线程编程 —— threading和queue库实现多线程编程
- Dubbo管控台Windows安装
- Javascript实例:Select的OnChange()事件
- 微服务架构--链路追踪(Nginx篇)
- 深度学习之卷积神经网络(4)LeNet-5实战
- php的变量、传值、传址、销毁变量
- 正则表达式在iOS中的运用
- java的地位_Java地位无可动摇的12个原因
- 06 使用VS2012开发简单控制器程序 1214
- HDFS : RemoteException Operation category READ is not supported in state standby.
- java数组冒泡排序法编程_java实现数组冒泡排序的方法
- easyswoole数据库连接池_Swoole Redis 连接池的实现
- CPDA项目数据分析师和CDA数据分析师有什么区别?
- curl上传文件到服务器命令,linux curl上传文件到服务器
- 综合评价方法之熵值法
- 苏州大学NLP团队文本生成预训练方向招收研究生/博士生(含直博生)
- Java获取国内手机号码归属地
- 每日爬虫:爬百度千千音乐
热门文章
- 【听】人性的弱点,人际关系交往的鸡汤宝典
- 【财富空间】年终重磅:解密全球30家搅局者和355家上市路上的科技公司
- 3种前端动态设置纯色图标的颜色的方法
- halcon已知多点拟合圆_5.2 halcon实现图像圆的拟合与提取
- 价值工程 价值分析 pmp_价值和地点,您的理想城市离市场分析很远
- 密码学认证协议名词解释,AKE,PKI,IBC,PKG,KGC,
- 记录一个使用MD5加密密码的小工具类
- Ubuntu 提示boot空间不足的解决办法
- 怎样清理苹果电脑磁盘空间_Macbook苹果电脑提示磁盘空间不足怎么办【解决方法】...
- 在早教阶段幼儿应不应该使用计算机,计算机与幼儿教育