Angular基礎 環境搭建和目錄分析

2021-09-28 19:36:55 字數 600 閱讀 9765

angular環境搭建:

安裝node.js

安裝angular:npm install -g @angular/cli

建立專案:ng new angulardemo (安裝依賴失敗可以先cd到目錄裡,然後cnpm i(提前安裝cnpm))

執行專案:ng serve --open

開發工具

vscode

在拓展商店安裝angular提示

angular專案目錄

乙個html+css+ts構成乙個元件,module.ts是模組檔案,

ts檔案:

匯入核心模組component

browsermodule瀏覽器解析模組

ngmodule核心模組

@ngmodule裝飾器

imports:當前專案依賴的模組(browsermodule)

provider:當前專案所需的服務

index.html

main.ts

style.css全域性樣式

angular cli

Angular 環境搭建和建立專案

angualr是一款來自谷歌開源的web前端框架,誕生於2009年,angualr基於typescript和react vue相比angular更適合中大型企業級專案,根據官方介紹,angular每過幾個月就會更新乙個版本。安裝前準備工作 1.安裝nodejs 2.在cmd命令中安裝cnpm npm...

Angular環境搭建和建立專案

1.安裝nodejs 2.安裝cnpm npm install g cnpm registry 3.安裝angular cli npm install g angular cli 或者 cnpm install g angular cli cmd命令視窗敲 ng v 出現angular cli安裝成...

angular2基礎環境搭建

搭建環境前提 node和npm要安裝好了。搭建環境步驟 在搭建環境步驟裡,要建立乙個package.json檔案,裡面描述的是一些命令,還有我們angular2專案要引用的一些包。而包的安裝就用到了npm包管理器。使用 npm install 就能夠自動安裝我們需要的一些包,不需要我們再乙個乙個的找...