angular2 从生成项目到编写项目的整个过程？引入bootstrap与jquery方法？

这些操作主要是用命令 ，方便快捷。下面一 一解释：

生成项目之前，先要安装angular2，或angular4,6 版本也可。还需要安装angular命令工具。命令如下所示：

npm install angular  //安装angular

npm install -g  @angular/cli   //安装angular命令工具

ng new myproject  //生成项目 myproject就是你的项目名

cd myproject   //进入项目目录中

npm install     //安装依赖

ng serve --open   //项目启动起来，会弹出ie浏览器，如果运行不出来，就把网址复制出来，在别的浏览器中运行。

 

运行项目也可不用ng serve --open ，我们可以用webStorm打开myproject项目，在编译器中点击运行，也会启动项目。

 

若该项目中需要用到css框架bootstrap，js框架jquery的话，按以下四步实现：

 

1、在工程目录下面安装以下两个包 npm install -S jquery bootstrap

2、将这两个第三方框架放入到依赖中去 npm install -D @types/jquery @types/bootstrap

3、修改.angular-cli.json文件 "styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ],

"scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ],

 

[新版angular是修改angular.json]

4、修改tsconfig.app.json文件 "types": [ "jquery", "bootstrap" ]