Angular BootStrap 登录页面

#安装angular
npm install -g @angular/cli
#新建项目
ng new familyxiaologinui
# 打开设置
cd familyxiaologinui
ng serve --open --port 4100
#引入Bootstrap
npm install [email protected] popper.js jquery --save
#安装  https://www.npmjs.com/package/angular-font-awesome
npm install --save font-awesome angular-font-awesome

//文件 angular.json
{"projects": {"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {"styles": [
              "src/styles.less",
              "./node_modules/font-awesome/css/font-awesome.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],
            "scripts": [
              "./node_modules/jquery/dist/jquery.slim.min.js",
              "./node_modules/popper.js/dist/umd/popper.min.js",
              "./node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]
          }
        }
      }
    }
  }
}

猜你喜欢

转载自www.cnblogs.com/xiaoruilin/p/12952353.html