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
失败。。。