angular/cli 安裝遇到的那些事

snifes 發布于2019-08-23 12:12 / 2751人閱讀

摘要：運行下列命令來生成一個新項目以及默認的應用代碼項目文件夾名稱會安裝必要的包創建項目文件，并在該項目中生成一個簡單的默認應用。后續有其他安裝問題我會繼續更新，敬請關注

第一步：設置開發環境
在開始工作之前，你必須設置好開發環境。
如果你的電腦里沒有 Node.js?和 npm，請安裝它們。
然后全局安裝 Angular CLI（最新版本）

npm install @angular/cli -g

或者安裝指定的版本：

npm install @angular/cli@版本號 -g

安裝完成可以利用命令檢測自己安裝的版本：

ng version

即可查看

第二步：創建新項目
打開終端窗口。
運行下列命令來生成一個新項目以及默認的應用代碼：

ng new my-app（項目文件夾名稱）

Angular CLI 會安裝必要的 NPM 包、創建項目文件，并在該項目中生成一個簡單的默認應用。這可能要花一點時間。
第三步：啟動開發服務器
進入項目目錄，并啟動服務器。

cd my-app
ng serve --open

ng serve 命令會啟動開發服務器，監聽文件變化，并在修改這些文件時重新構建此應用。
使用 --open（或 -o）參數可以自動打開瀏覽器并訪問 http://localhost:4200/。
成功安裝執行--open命令會自動彈出angular歡迎頁面。
安裝出錯：
安裝過程中可能出現錯誤：
”Cannot find module ‘@angular-devkit/core’”如果提示這個錯誤，
原因就是缺少@angular-devkit/core，其實這種問題在新創建程序的時候就有提示
比如在執行完ng new newProject 之后會出現。

解決辦法就是自己安裝，進入程序目錄執行下面的指令：

npm i --save-dev @angular-devkit/core

如果再次提示@angular-devkit/core沒有安裝成功的話就需要卸載angular-cli重新安裝angular-cli了。

npm uninstall -g angular-cli
npm install -g @angular/cli@latest

后續有其他安裝問題我會繼續更新，敬請關注！

云服務器 GPU云服務器云服務器那些事布局遇到的問題 php開發遇到的難點學習遺傳算法遇到的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98101.html

Angular6打包的那些事

摘要：在看看的配置下其中可以防止刷新的問題。這樣我的可以用一個做代理，同時訪問我的兩個項目，兩個項目。他們的地址是項目博客項目寫著玩的，前端比較差以上可以說是解決了很大部分的坑了。 Angular在升級到6的時候，多了許多新的功能，比如ng命令，在從5升級到6的時候是無痛升級的，但是升級到了6之后，也有許多地方做了改變，比如Angular的設置，Angular的base-path等，通過在一...

CocoaChina 2019-07-25 14:28 評論0 收藏0
Angular 5.0 學習2：Angular 5.0 開發環境的搭建和新建第一個ng5項目

摘要：之后輸入，出現版本號即安裝成功，的版本號在以上，則新建出來的項目是版本。所有具備這一特性的軟件或者軟件套組都可以叫集成開發環境。創建新項目打開終端窗口。是為應用準備的，而是為單元測試準備的。給的單元測試配置，當運行時會用到它。 1.安裝Node.js 在開始工作之前，我們必須設置好開發環境。如果你的機器上還沒有Node.js?和npm，請先安裝它們。去Node.js的官網，https:...

dunizb 2019-08-29 14:14 評論0 收藏0
那些年初識Angular(1)

摘要：它包含多個屬性，這些屬性值叫做元數據。會根據元數據渲染組件，并執行組件邏輯。元數據會告訴圖和將這個類處理成一個組件。元數據這段代碼表示這個組件可以通過這個標簽來調用。那些年初識Angular 由于工作需要初識了Angular，由于個人在學習一門新語言的時候喜歡買一本相關的書籍自己鉆研，還記得自己的第一本Angular書籍是關于Angular2的學習，自此正式踏入Angular的學習。...

Flink_China 2019-08-02 11:36 評論0 收藏0
Angular單元測試系列-簡介

摘要：單元測試我們可以將其分成兩類獨立單獨測試與測試工具集。工具集還有更多，這一切我們將在單元測試組件與指令單元測試逐一說明。那么下一篇，我們將介紹如何使用進行單元測試。本文將探討如何搭建測試環境、以及Angular測試工具集。測試環境絕大部分都是利用Angular Cli來創建項目，因此，默認已經集成我們所需要的npm包與腳本；當然，如果你是使用自建或官網 quickstart 的話...

CNZPH 2019-08-21 11:43 評論0 收藏0