angular6新建项目

时间:2023-01-27 16:42:33

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

失败。。。