摘要:使用教程指南參考安裝要安裝你需要先安裝和,然后運行以下命令來安裝最新的注意需要和以上的版本支持。這是生產構建這是開發構建命令描述構建生產應用程序,設置存儲庫,然后發布應用程序。
Angular CLI 使用教程指南參考 安裝
要安裝Angular CLI你需要先安裝node和npm,然后運行以下命令來安裝最新的Angular CLI:
注意:Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。
npm install -g angular-cli
在 Mac 或 Linux 平臺上,你可能需要添加sudo前綴提權進行全局安裝:
sudo npm install -g angular-cli基本用法
你可以通過 Angular CLI 的 help 命令來獲取相關的命令信息.
ng help
Angular CLI的命令關鍵字為 ngng new
命令 | 描述 |
---|---|
ng new |
創建一個新的 Angular 項目,默認在當前所在目錄下 |
參數 | 描述 |
---|---|
--dry-run -d | 只輸出要創建的文件和執行的操作,實際上并沒有創建項目 |
--verbose -v | 輸出詳細信息 |
--skip-npm | 在項目第一次創建時不執行任何npm命令 |
--name | 指定創建項目的名稱 |
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 49153ng init
命令 | 描述 |
---|---|
ng init |
在當前所在目錄下初始化一個新的 Angular 項目 |
參數 | 描述 |
---|---|
--dry-run -d | 只輸出要創建的文件和執行的操作,實際上并沒有創建項目 |
--verbose -v | 輸出詳細信息 |
--skip-npm | 在項目第一次創建時不執行任何npm命令 |
--name | 指定創建項目的名稱 |
命令 | 描述 |
---|---|
ng completion | 將自動完成功能添加到ng命令的shell中 |
命令 | 描述 |
---|---|
ng doc |
在瀏覽器中打開Angular文檔并搜索當前關鍵字 |
命令 | 描述 |
---|---|
ng e2e | 使用protractor在當前應用中運行e2e測試 |
命令 | 描述 |
---|---|
ng format | 使用clang-format格式化當前項目代碼 |
命令 | 描述 |
---|---|
ng generate |
在項目中構建新代碼 |
ng g |
簡寫 |
支持的類型 | 用法 |
---|---|
Component | ng g component my-new-component |
Directive | ng g directive my-new-directive |
Pipe | ng g pipe my-new-pipe |
Service | ng g service my-new-service |
Class | ng g class my-new-class |
Interface | ng g interface my-new-interface |
Enum | ng g enum my-new-enum |
Module | ng g module my-module |
Route | ng g route my-route當前已禁用 |
構建的組件都會使用自用目錄,除非 --flat 多帶帶指定.
參數 | 描述 |
---|---|
--flat | 不在自用目錄內創建代碼 |
--route= |
指定父路由.僅用于生成組件和路由.默認為指定的路徑. |
--skip-router-generation | 跳過生成父路由配置。只能用于路由命令。 |
--default | 指定路由應為默認路由。 |
--lazy | 指定路由是延遲的。 默認為true。 |
命令 | 描述 |
---|---|
ng get |
從Angular CLI配置獲取值 |
pathN是一個有效的JavaScript參數路徑,例如“users[1].userName”。 如果未設置該值,將顯示“undefined”。 此命令默認情況下僅在項目目錄中工作。
參數 | 描述 |
---|---|
--global | 返回全局配置值,而不是本地配置值(如果都設置). 此選項還可以使命令在項目目錄外工作 |
命令 | 描述 |
---|---|
ng get |
在Angular CLI配置中設置值 |
默認情況下,如果在項目內部運行,則設置項目配置中的值,如果不在項目內部,則失敗。 pathN參數是一個有效的JavaScript路徑,如“users [1] .userName”。 該值將被強制轉換為正確的類型,或者如果類型無法強制,則會拋出錯誤。
參數 | 描述 |
---|---|
--global | 設置全局配置值,而不是本地配置值。 這也使ng set可以在項目之外工作。 |
構建工件將存儲在/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 ng buildng github-pages:deploy
命令 | 描述 |
---|---|
ng github-pages:deploy [options] | 構建生產應用程序,設置GitHub存儲庫,然后發布應用程序。 |
參數 | 描述 |
---|---|
--message= |
構建并提交信息.默認為 "new gh-pages version" |
--environment= |
angular 環境構建。 默認為“production” |
--branch= |
推送頁面的git分支。 默認為“gh-branch” |
--skip-build | 在發布之前跳過構建項目 |
--gh-token= |
用于部署的API令牌,必須. |
--gh-username= |
使用的Github用戶名,必須. |
命令 | 描述 |
---|---|
ng lint | 在項目上運行codelyzer linter |
命令 | 描述 |
---|---|
ng test [options] | 使用 karma 運行單元測試 |
參數 | 描述 |
---|---|
--watch | 繼續運行測試. 默認為true |
--browsers, --colors, --reporters, --port, --log-level | 這些參數直接傳遞給karma |
命令 | 描述 |
---|---|
ng version | 輸出cli版本, node 版本和操作系統信息 |
參數 | 描述 |
---|---|
--watch | 繼續運行測試. 默認為true |
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/103399.html
摘要:如何在中使用動畫前端掘金本文講一下中動畫應用的部分。與的快速入門指南推薦前端掘金是非常棒的框架,能夠創建功能強大,動態功能的。自發布以來,已經廣泛應用于開發中。 如何在 Angular 中使用動畫 - 前端 - 掘金本文講一下Angular中動畫應用的部分。 首先,Angular本生不提供動畫機制,需要在項目中加入Angular插件模塊ngAnimate才能完成Angular的動畫機制...
摘要:安裝程序主要通過命令行工具來創建和開發,并使用來構建和部署為原生應用程序?;A教程確保完成之前的安裝并測試啟動成功。 安裝Ionic Ionic 2 程序主要通過Ionic命令行工具CLI來創建和開發,并使用Cordova來構建和部署為原生應用程序。也就是說我們需要先安裝一些工具來實現程序開發。 安裝Ionic CLI 和 Cordova 要創建 Ionic 2 項目,你需要安裝最新版...
摘要:已被所有主流瀏覽器支持在過去幾周蘋果的瀏覽器與微軟的瀏覽器分別發布新版本,支持了,再加上早已支持的和,已得到所有主流瀏覽器支持。 showImg(https://segmentfault.com/img/remote/1460000012086220?w=1240&h=823); 前端每周清單第 40 期: JS 的 Core 與 Cost,Node 內存溢出調試,Software 2...
摘要:楊冀龍是安全焦點民間白帽黑客組織核心成員,被浪潮之巔評為中國新一代黑客領軍人物之一他在本文中依次分享了對于黑客的定義如何從黑客成為一名安全創業者技術創業踩過的坑給技術創業者建議等內容。 showImg(https://segmentfault.com/img/remote/1460000012377230?w=1240&h=796); 前端每周清單專注前端領域內容,以對外文資料的搜集為...
摘要:延伸閱讀學習與實踐資料索引與前端工程化實踐前端每周清單半年盤點之篇前端每周清單半年盤點之與篇前端每周清單半年盤點之篇 前端每周清單專注前端領域內容,以對外文資料的搜集為主,幫助開發者了解一周前端熱點;分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號(ID:frontshow),及時獲取前端每周清單;本文則是對于半年來發布的前端每周清單...
閱讀 2740·2021-09-02 15:11
閱讀 912·2019-08-26 18:18
閱讀 1872·2019-08-26 11:57
閱讀 3325·2019-08-23 16:59
閱讀 1999·2019-08-23 16:51
閱讀 2310·2019-08-23 16:11
閱讀 3129·2019-08-23 14:58
閱讀 1112·2019-08-23 11:34