angular6新建项目

mkdir angular6project

cd angular6project

ng new demo 新建一个普通项目

ng new demo --routing 新建一个带路由的项目

新建项目过程比较慢

新建完成之后

cd demo

ng serve --open

若要切换端口启动angular项目可以使用如下命令

ng serve --port=8888

或者修改项目文件，有如下两种方式：

1.修改node_modules/@angular/cli/lib/config/schema.json，搜索4200，修改目的端口号

2.或者修改package.json中script属性中start的内容为ng serve --port=8888

使用脚手架angularcli进行组件的新建

ng g component components/header

服务的新建

ng g service my-new-service

****.component.ts中声明属性的几种方式

1.msg = ‘12312’； //默认

2,msg:any;

public list:any[];

construct中赋初值

3.msg:类型=‘21312’；

如，msg:string=''21312;

属性的修饰符，public（默认），protected，private

public：可以在类内也可以在类外访问

protected：当前类及子类访问

private：当前类访问

angular6中引入第三方库的步骤，以jquery和bootstrap为例

1.npm install jquery --save

npm install bootstrap --save

2.在angular.json文件中的styles和scripts字段中加入需要引用的第三方库

如 "../node_modules/jquery/dist/js/jquery.js"

3.安装jquery和bootstrap的类型描述文件，因为angular6是基于ts的，而第三方库是基于js的，所以需要安装

npm install @types/jquery --save-dev

npm install @types/bootstarp --save-dev

失败。。。

巴特西