angular9教程之使用-zodream梦想开源/个人编程日记

安装Angular CLI

npm install -g @angular/cli

生成初始程序

ng new my-app

必须有一个程序名，没办法生成到当前文件夹

运行

cd my-app
ng serve --open

使用 bootstrap

npm i bootstrap

在 angular.json 修改 projects > my-app > architect > build > options > styles 节点

最前面加上 "node_modules/bootstrap/dist/css/bootstrap.css",

json

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.css",
    "node_modules/@fortawesome/fontawesome-free/css/all.css",
    "src/styles.scss"
],

12345

或者使用 ng-bootstrap

ng add @ng-bootstrap/ng-bootstrap

这样就不需要手动去添加样式了

使用 fontawesome

npm i @fortawesome/fontawesome-free

引用 css 同上

引用其他包的样式和脚本

json

"assets": [
    "src/favicon.ico",
    "src/assets"
],
"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.css",
    "node_modules/@fortawesome/fontawesome-free/css/all.css",
    "node_modules/pace-js/templates/pace-theme-flash.tmpl.css",
    "node_modules/ngx-toastr/toastr.css",
    "src/styles.scss"
],
"scripts": [
    "node_modules/pace-js/pace.min.js"
]

1234567891011121314

css

在 angular.json 修改 projects > my-app > architect > build > options > styles 节点加上 css 文件相对路径

js

在 angular.json 修改 projects > my-app > architect > build > options > scripts 节点加上 js 文件相对路径

其他文件例如图片

在 angular.json 修改 projects > my-app > architect > build > options > assets 节点加上文件相对路径

转载请保留原文链接： https://zodream.cn/blog/id/135.html

Cookie	有效期	说明
cookie_policy	11个月	Cookie 插件设置 Cookie 的目的是存储用户对使用 Cookie 的同意；它不会存储任何个人数据。
PHPSESSID	11个月	用于绑定用户登录凭证的 Cookie 标识
XSRF-TOKEN	11个月	用于防止跨站脚本攻击的 Cookie 标识