首頁 >web前端 >js教程 >Angular CLI是什麼以及如何安裝

Angular CLI是什麼以及如何安裝

清浅
清浅原創
2019-03-20 16:00:092655瀏覽

Angular CLI是一個命令列介面工具,用來創建專案添加檔案等,它可以讓開發人員更快的搭建Angular專案。安裝Angular CLI首先要安裝好node,npm環境然後再安裝Angular CLI

Angular CLI是什麼以及如何安裝

【推薦課程:##Angular教學

Angular CLI是什麼

Angular1.x版本都統稱為Angular JS,而Angular 2.x及以上版本統稱為Angular。其中1.x版本專注於web開發,未涉及到行動端方面,2.x版本支援行動端,它有兩層分別是應用層和渲染層,比如說一個元件可以用不同的@View 修飾器來修飾並且根據運行環境可以在運行時生效。

Angular CLI是一個命令列介面工具,可以用來建立專案、新增檔案以及執行一大堆開發任務,例如測試、打包和發布。它使的開發者更容易搭建Angular工程

Angular CLI的安裝步驟

(1)首先要確認電腦中是否已經安裝好了node.js和npm,可以透過以下指令來檢查

$ node -v
$ npm -v

上述指令用於顯示目前node和npm版本,需要注意node的版本要高於6.9.3,npm的版本要高於3.0.0

#(2)全域安裝typescript

$ npm install -g typescript

此步驟可以安裝或不安裝,因為在新建專案的時候會自動安裝typescript(非全域)所以這裡也可以不用安裝


(3)安裝Angular CLI#

$ npm install -g @angular/cli

(4)安裝好之後,如果出現以下介面則表示安裝成功

$ ng v

    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.1.1
node: 7.10.0
os: darwin x64

注意:如果不成功就需要uninstall重新來過


#總結:以上就是這篇文章的全部內容了,希望對大家有所幫助。

以上是Angular CLI是什麼以及如何安裝的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn