angualr從搭建到打包的語法詳解

2021-09-17 23:01:02 字數 1822 閱讀 7292

命令:ng new [options]

描述:建立乙個新的 angular 專案,預設在當前所在目錄下

引數

--dry-run -d 只輸出要建立的檔案和執行的操作,實際上並沒有建立專案

--verbose -v 輸出詳細資訊

--skip-npm   在專案第一次建立時不執行任何npm命令

--name  指定建立專案的名稱

命令:ng generate [options]

ng g [options] 簡寫

描述:在專案中構建新**

支援的型別

component   ngg component my-new-component

directive ngg directive my-new-directive

pipe ngg pipe my-new-pipe

service   ngg service my-new-service

class      ngg class my-new-class

inte***ce ngg inte***ce my-new-inte***ce

enum     ngg enum my-new-enum

module  ngg module my-module

route     ngg route my-route當前已禁用

構建的元件都會使用自用目錄,除非 --flat 單獨指定.

引數

--flat      不在自用目錄內建立**

--route= 指定父路由.僅用於生成元件和路由.預設為指定的路徑.

--skip-router-generation   跳過生成父路由配置。只能用於路由命令。

--default 指定路由應為預設路由。

--lazy     指定路由是延遲的。預設為true。

命令:ng version

描述:輸出cli版本, node 版本和作業系統資訊

引數

--watch 繼續執行測試. 預設為true

4.啟動執行 ng serve

ng new project_name

cd project_name

ng serve

將會自動在瀏覽器中開啟預設位址 http://localhost:4200/.執行之後如果你修改了程式源**.應用將會自動過載.

你也可以自定義配置 ip, 埠和實時過載埠號

ng serve--host 0.0.0.0 --port 4201 --live-reload-port 49153

:構建工件將儲存在/dist目錄中。

語法:ng build

描述:可以指定構建目標(--target= production或--target = development)和要與該構建一起使用的環境檔案(--environment = dev或--environment = prod)。預設情況下,使用開發構建目標和環境。

# 這是生產構建

ng build --target=production--environment=prod

ng build --prod --env=prod

ng build --prod

# 這是開發構建

ng build --target=development--environment=dev

ng build --dev --e=dev

ng build --dev

react從搭建環境到打包專案

切換到專案跟目錄 cd 目錄 本地開發環境執行 npm run start 自動開啟瀏覽器看效果 打包命令 npm run build 生成乙個build資料夾 打包後的檔案 1.可以直接訪問裡面得index.html檔案的,但是會報錯,路徑找不到的問題,這裡需要在package.json裡面新增一...

FineBI 從搭建到部署

finebi,新一代自助大資料分析的bi工具 finebi的各種安裝 我是在linux下安裝的finebi,簡單來說就是 進入該檔案目錄,輸入命令 chmod 777 linux unix finebi4 1 cn.sh 遇到的問題 開啟本地finereport,切換工作目錄,在上面開發新的頁面 當...

Nginx從搭建到配置支援HTTPS

ububtu apt get install build essential apt get install libtoolcentos yum y install gcc automake autoconf libtool make yum install gcc gcc c 進入安裝目錄 cd ...