Angular開發準備

2021-09-26 13:48:12 字數 743 閱讀 9875

angualr 是一款來自谷歌的開源的 web 前端框架,誕生於 2009 年,是一款優秀的前端 js 框架,已經被用於 google 的多款產品當 中。根據專案數統計 angular(1.x 、2.x 、4.x、5.x、6.x、7.x)是現在網上使用量最大的框 架。

angualr 基於 typescript 和 react、vue 相比 angular 更適合中大型企業級專案。

必備基礎:html 、css 、js、es6

1、安裝前準備工作:

安裝 cnpm npm 可能安裝失敗建議先用 npm 安裝一下 cnpm 用**映象安裝

使用 npm/cnpm 命令安裝 angular/cli (只需要安裝一次)

npm install -g @angular/cli 或者 cnpm install -g @angular/cli
建立專案 npm i 的時候失敗

建立專案後用 npm i 或者 cnpm i 後專案沒法執行

注意:yarn 命令 等同於 npm install / cnpm install 使用 yarn 前提是先安裝 yarn , 安裝使用 cnpm install -g yarn 就可以安裝

angular元件開發

專案中經常會有一些公共元件,比如header,如果每個頁面都寫一遍的話顯得很冗餘,而且不利於維護,這時候我們就會考慮將這些公共部分抽取出來,做成乙個單獨的元件。然而angular不是很熟悉啊 怎麼啵 折騰了一下,才發現angular的元件開發主要依賴自定義指令 directive 來實現。主要使用到...

Angular開發小筆記

一 父元件怎麼覆蓋子元件的樣式呢 1.deep 不建議這麼做,以後angular會取消,因為這樣寫不利於元件的獨立性 在父元件的scss裡面寫 host 這樣就可以覆蓋掉子元件label的color了 2.host和host context 在子元件的scss裡面寫 host 自身加的class 或...

Spring Spring開發準備

原始碼,jar檔案 spring framework 3.2.5.release commons logging 1.1.3.jar 日誌 spring beans 3.2.5.release.jar bean節點 spring context 3.2.5.release.jar spring上下文...