anguar乙個空間多個專案實戰

2021-10-05 07:23:05 字數 1404 閱讀 2126

有時候我們在一條產品線上,會有多套前端**,執行在不同平台或者有多個業務端。這些**可復用性非常高,以至於可以從某套**直接copy出來用於開發另乙個業務端。於是某個小組件需要改動時卻要跑起多個專案來修改。angular-cli很好地幫我們解決了這個問題——建立多專案的工作空間。

在正式投入實戰之前,先來試一試。來,,,做好筆記。

假設你已經裝好了node和全域性安裝最新的angular-cli,然後,我們開始快活吧~

1. 建立工作空間

首先,建立乙個無專案空間,終端輸入:

好了,建好了,

但是建好的專案,空空如也,=͟͟͞͞( •̀д•́) 我的src呢?我的index.html呢?

2. 建立第乙個專案

別急嘛,既然沒有,那建乙個不就是了。我們終端進入根目錄,執行一下命令

cd my-workspace
3. 建立第三個專案接著,我們建立另乙個專案

好了,專案有了,但是,,,

怎麼跑起來啊(゚д゚)w,先去喝杯咖啡冷靜一下…

唔,,,咖啡甜中略帶苦澀的味道湧上心頭,宛如濃郁的花香,帶領你置身清新悠然的大自然,翱翔在自由的天空,柔和的微風宛如仙女的雙手…

.咳咳~,對了,還有正事呢,不是想入非非的時候…

ng serve

ng serve [options]

ng s [options]

恍然大悟,醍醐灌頂,毛塞頓開,ng serve要傳入乙個專案名稱的引數,那麼我們在package.json的scripts加入這兩句:

好了,我們跑一下

果然跟我預期那樣跑了起來(〃『▽』〃),埠是5000,–open是自動開啟了瀏覽器。

好了,兩個專案的元件和公庫,可以復用啦ds(❁´◡`❁)✲゚…

angular-cli在前端專案工程化方面做得非常好的乙個框架,官方腳手架本身整合路由和狀態管理、分包載入專案**,無需其他過多配置。相對於簡單的react,留給你自由發揮的空間並不多,但卻省去前期配置的很多任務作量。比起vue跟react,angular才更像是乙個框架。react、vue、angular我都用過,我不是在打廣告,我只是說出我的感想。(#゚д゚)

ASP乙個空間繫結多個網域名稱

方法四server.transfer在瀏覽器上看不到實際位址,其它四種response.redirect看得到跳轉的實際位址 height 100 width 100 marginwidth 0 marginheight 0 hspace 0 vspace 0 frameborder 0 scrol...

乙個使用者可以管理多個表空間

看下面的指令碼 create user uname identified by default tablespace ts tab 001 temporary tablespace temp profile default quota unlimited on ts tab 001 quota un...

IDEA如何把多個專案放在同乙個工作空間下

idea將多個專案放在同乙個工作空間下 01 將多個專案移入空間的根目錄下 關於如何建立乙個新的空間在另一篇 02 開啟intellij idea編譯器,點選選單 file open,選擇工作空間根目錄 03 開啟介面如下,專案是灰色的 原因是 idea未識別空間下的專案是m en專案 04 為了讓...