前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Angular6项目构建

Angular6项目构建

作者头像
lilugirl
发布2019-05-28 16:45:58
6830
发布2019-05-28 16:45:58
举报
文章被收录于专栏:前端导学

安装和启动项目

代码语言:javascript
复制
npm install -g @angular/cli
ng new firstProject --sass
cd firstProject
ng serve --open 0

在项目中应用jquery

代码语言:javascript
复制
npm install --save jquery

在ts文件中引入jquery

代码语言:javascript
复制
import * as $ from 'jquery';
// 可以在ngOninit方法中打印进行测试
console.log($('body'));

引入jquery类型 为了让vs code编辑器能自动识别jquery代码

代码语言:javascript
复制
npm install --save @types/jquery

安装bootstrap控件

代码语言:javascript
复制
npm install --save @ng-bootstrap/ng-bootstrap

在app.module.ts中添加红色框里的内容

在工程里的/src/assets下添加一个bootstrap/bootstrap.min.css,如图

最后在工程里的style.css文件 下 ,添加这句代码

代码语言:javascript
复制
@import "assets/bootstrap/bootstrap.min.css";

然后具体实用的bootstrap组件可以按需引入 ,参考文档 https://ng-bootstrap.github.io

页面能跑ng-bootstrap控件的前提是项目中要添加FormsModule,方法如下

ng 命令

代码语言:javascript
复制
ng generate component mycomponent  #创建一个组件
ng generate service myservice --module=app #创建一个服务
ng genertate module app-routing --flat --module=app  #创建一个路由
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档