快捷導(dǎo)航

Angular2平滑升級(jí)到Angular4的步驟詳解

更新時(shí)間：2017年03月29日 09:03:30 投稿：daisy

最近Angular項(xiàng)目組終于發(fā)布了新版——正式版 Angular 4.0.0。所以想著就來(lái)嘗試下升級(jí)，記錄下整個(gè)升級(jí)過(guò)程分享給大家，所以這篇文章主要介紹了Angular2升級(jí)到Angular4的詳細(xì)步驟，需要的朋友可以參考下。

前言

Angular4終于在兩天前發(fā)布了正式版本，那么怎么升級(jí)呢?其實(shí)Angular2和Angular4之間屬于平滑過(guò)渡，并不像1和2之間顛覆性的重寫(xiě)代碼。

Angular4現(xiàn)已發(fā)布 http://m.fzitv.net/article/109685.htm

為什么跳過(guò)Angular 3？

根據(jù)Angular團(tuán)隊(duì)首席開(kāi)發(fā)Igor Minar的說(shuō)法：隨著Angular 2的發(fā)布，Angular團(tuán)隊(duì)引入了語(yǔ)義化版本控制規(guī)范，即：將語(yǔ)義化版本用三組數(shù)字來(lái)表示，按照major.minor.patch的順序排列，如2.3.1。

Patch版本每周發(fā)布，通常只修復(fù)問(wèn)題，不加入新的功能。Minor版本每月發(fā)布，加入一些新的功能，但相對(duì)舊版本來(lái)說(shuō)沒(méi)有太大更改。Major版本每半年發(fā)布一次，加入一些新功能，并可能帶來(lái)一些重大更改。

之前最新的Angular router版本號(hào)是3.3.0，而其它模塊的版本號(hào)是2.2.0，由于版本號(hào)不同步，團(tuán)隊(duì)計(jì)劃將其同步，直接采用4.0.0作為新版的版本號(hào)。

由于Angular團(tuán)隊(duì)計(jì)劃每半年發(fā)布一個(gè)主要（Major）版本，因此按計(jì)劃Angular 5將于2017年9月發(fā)布。

升級(jí)過(guò)程

使用npm-check方案升級(jí) 使用如下命令檢查,并按下空格來(lái)選擇要升級(jí)的包

npm-check -u

官方推薦

升級(jí)cli

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

 rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
 npm install --save-dev @angular/cli@latest

升級(jí)包

 // linux/mac
 npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save
 // Windows
 npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

更換一些其他包