Angular6项目构建
安装和启动项目
npm install -g @angular/cli
ng new firstProject --sass
cd firstProject
ng serve --open 0在项目中应用jquery
npm install --save jquery在ts文件中引入jquery
import * as $ from 'jquery';
// 可以在ngOninit方法中打印进行测试
console.log($('body'));引入jquery类型 为了让vs code编辑器能自动识别jquery代码
npm install --save @types/jquery安装bootstrap控件
npm install --save @ng-bootstrap/ng-bootstrap在app.module.ts中添加红色框里的内容
在工程里的/src/assets下添加一个bootstrap/bootstrap.min.css,如图
最后在工程里的style.css文件 下 ，添加这句代码
@import "assets/bootstrap/bootstrap.min.css";然后具体实用的bootstrap组件可以按需引入 ，参考文档 https://ng-bootstrap.github.io
页面能跑ng-bootstrap控件的前提是项目中要添加FormsModule,方法如下
ng 命令
ng generate component mycomponent #创建一个组件
ng generate service myservice --module=app #创建一个服务
ng genertate module app-routing --flat --module=app #创建一个路由本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
