Angular2環境搭建具體操作步驟 推薦

2022-09-26 12:03:26 字數 951 閱讀 8808

01、安裝node.js 和 npm

安裝完成後,在命令列依次mpljpgal使用node -v 和 npm -v可以看到版本號。

目前安裝的node.js版本為8.2.1  ,npm的版本為5.3.0

02、安裝cnpm

npm需要連線谷歌伺服器,國內不能正常使用,因此使用**的映象安裝cnpm。命令列輸入npm i -g cnpm --registry=  

03、安裝angular cli

命令列輸入cnpm i -g @angular/cli。

04、cnpm設定為預設包管理工具

命令列輸入ng set --global packagemanager=cnpm。

05、新建angular2工程

命令列輸入ng new myapp,在命令列所在目錄建立myapp工程。

06、啟動工程

命令列進入工程目錄cd myapp,輸入ng serve  即可啟動服務。

預設的監聽埠為4200,在瀏覽器訪問http://localhost:4200,可看到建立的網頁,

如果需要更改埠號,可以在啟動的時候設定ng serve --port 3000  這時候訪問的時候就用瀏覽器訪問http://localhost:3000

注意:如果想結束工程服務,可以使用ctrl+c    來選擇是否結束。

使用ng serve 啟動的好處是,當**發生變程式設計客棧化時,系統自動重新編譯啟動,程式設計客棧並重新整理瀏覽器,這樣我們就可以實時的看到更改內容。

07、angular2的**編輯官方推薦的是vs code,自己可以去官網**,**後正常安裝就好了。。

開啟vs code,選單->檔案->開啟檔案程式設計客棧夾->選中myapp資料夾,即可開啟編輯myapp工程。

08、在vs code介面找到index.html可以隨意修改乙個標籤內容,這個時候系統會自動程式設計客棧編譯重新整理,介面會實時顯示。

本文位址:

Angular2環境搭建

一 環境準備 先安裝node,npm會與node一起安裝到環境中。node準備 npm準備 二 安裝環境 首先安裝ts的 為啥安裝它,ng2使用的開發語言是ts 接著安裝angular cli,按照官方文件嗦的,這是個工具,能夠幫你快速建立ng2的工程,做個工程空架子吧,可以省很多事.如果想用cnp...

Angular2環境搭建

1 安裝nodev5.x.x或更高版本以及 npm3.x.x或更高版本 2 新建乙個目錄,如angular2,並放入相關配置項 package.json 用來標記出本專案所需的 npm 依賴包。tyconfig.json 定義了 typescript 編譯器如何從專案原始檔生成 j ascript ...

angular2 環境配置

看到angular發布正式版,心動不已準備測試下。看著官網教程,使用了cli建立專案,在命令列中鍵入 npm install g angular cli 如果安裝過以前的版本,請執行以下命令,進行更新 npm uninstall g angular cli npm cache clean npm i...