来自 软件资讯 2019-12-23 06:10 的文章
当前位置: 威尼斯国际官方网站 > 软件资讯 > 正文

Angular2入门学习

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

 

中文官网(必看):

懒人学习:

支持bootstrap UI组件

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

 

安装环境,首先需要安装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 

包安装好后,可以启动我们的项目,执行后,我们可以在

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

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

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

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

项目目录node_modulesangular-clilibconfigschema.json
#奥门威尼斯网址 ,serve中 "default": 4200 改为 "default": 3000

最后的打包发布

ng build

 

本文由威尼斯国际官方网站发布于软件资讯,转载请注明出处:Angular2入门学习

关键词: