Angular4.0开发笔记--01

来源:互联网 发布:快速阅读训练软件 编辑:程序博客网 时间:2024/05/22 20:46

开发之前的基本任务就是创建一个项目文件,基本步骤如下:


1 先创建一个新的项目



  ng new 项目名    (此为不带路由的项目)


ng new 项目名  --routing  (此为带路由的项目)


2 添加jquery和bootsrtap


在项目目录下输入指令


npm install jquery --save
npm install bootstrap --save


为typescript添加类型描述文件


npm install @types/jquery --save-dev
npm install @types/bootstrap --save-dev


完成这个步骤以后,需要打开项目文件,在 .angular-cli.json 文件中写入所要导入的js和css文件的路径

如图所示:




3 生成所需要的组件


  ng g c 组件名
1 0