HTML5技术

Angular2入门学习 - Anlycp

字号+ 作者:H5之家 来源:H5之家 2017-06-27 13:05 我要评论( )

最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。 中文官网(必看): https://angular.cn 懒人学习: 支持bootstrap UI组件 https://github.com/angular-ui/bootstrap 大漠老师杰作(有视频源代码): 安装环境,首先需要安装cli

最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。

 

中文官网(必看):

https://angular.cn

懒人学习:

支持bootstrap UI组件

https://github.com/angular-ui/bootstrap

大漠老师杰作(有视频源代码):

 

安装环境,首先需要安装cli,记得全局安装

#angular cli安装
npm install -g angular-cli

 

cli安装后,我们可以用ng开头的指令(就当做npm理解就行),下面创建项目

#cmd到项目目录下,创建项目 ng new project_name #进入项目目录 cd project_name
#安装相关项目包,具体包package.json里的dependencies和devDependencies有体现
#下面步骤用npm install也可以
ng init

包安装好后,可以启动我们的项目,执行后,我们可以在:4200中打开

#启动项目
#下面步骤用npm start也可以
ng serve

想同事打开多个项目,可修改项目端口号

#修改默认端口4200 -> 修改为(3000)
ng serve --port 3000
或 ng serve -p 3000

还有一个方法修改项目端口但不推荐

项目目录\node_modules\angular-cli\lib\config\schema.json
#serve中 "default": 4200 改为 "default": 3000

最后的打包发布

ng build

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • canvas学习总结三:绘制虚线 - beevesnoodles

    canvas学习总结三:绘制虚线 - beevesnoodles

    2017-06-24 13:01

  • 一篇文章带你快速入门createjs - beidan

    一篇文章带你快速入门createjs - beidan

    2017-06-22 08:00

  • 带你零基础学习HTML5 - 实验楼

    带你零基础学习HTML5 - 实验楼

    2017-06-20 14:00

  • canvas学习总结三:绘制路径-线段 - beevesnoodles

    canvas学习总结三:绘制路径-线段 - beevesnoodles

    2017-06-19 16:01

网友点评
d