Angular2平滑升級到Angular4的步驟詳解
前言
Angular4終于在兩天前發(fā)布了正式版本，那么怎么升級呢?其實Angular2和Angular4之間屬于平滑過渡，并不像1和2之間顛覆性的重寫代碼。
Angular4現(xiàn)已發(fā)布 http://www.dhdzp.com/article/109685.htm
為什么跳過Angular 3？
根據(jù)Angular團隊首席開發(fā)Igor Minar的說法：隨著Angular 2的發(fā)布，Angular團隊引入了語義化版本控制規(guī)范，即：將語義化版本用三組數(shù)字來表示，按照major.minor.patch的順序排列，如2.3.1。
Patch版本每周發(fā)布，通常只修復問題，不加入新的功能。Minor版本每月發(fā)布，加入一些新的功能，但相對舊版本來說沒有太大更改。Major版本每半年發(fā)布一次，加入一些新功能，并可能帶來一些重大更改。
之前最新的Angular router版本號是3.3.0，而其它模塊的版本號是2.2.0，由于版本號不同步，團隊計劃將其同步，直接采用4.0.0作為新版的版本號。
由于Angular團隊計劃每半年發(fā)布一個主要（Major）版本，因此按計劃Angular 5將于2017年9月發(fā)布。
升級過程
使用npm-check方案升級 使用如下命令檢查,并按下空格來選擇要升級的包
npm-check -u
官方推薦
升級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
升級包
// 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
更換一些其他包
npm install zone.js@0.8.4 --save
執(zhí)行安裝命令
npm install
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
更多關于AngularJS相關內容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結》、《AngularJS入門與進階教程》及《AngularJS MVC架構總結》
相關文章
學習AngularJs:Directive指令用法（完整版）
這篇文章主要學習AngularJs:Directive指令用法，內容很全面，感興趣的小伙伴們可以參考一下2016-04-04
AngularJS ng-change 指令的詳解及簡單實例
本文主要介紹AngularJS ng-change 指令,這里對ng-change指令資料做了詳細介紹，并提供源碼和運行結果，有需要的小伙伴參考下2016-07-07
Angular2里獲?。╥nput file）上傳文件的內容的方法
這篇文章主要介紹了Angular2里獲取（input file）上傳文件的內容的方法，非常具有實用價值，需要的朋友可以參考下2017-09-09
本文主要介紹了Angular2的架構的相關知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了AngularJS表格添加序號的方法,涉及AngularJS表格的遍歷及序號添加實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了angularjs自定義ng-model標簽的屬性的相關資料,需要的朋友可以參考下2016-01-01
這篇文章主要給大家介紹了在Angular2下使用pdf插件的方法，使用這個插件是要實現(xiàn)一個pdf顯示的功能，文中介紹的非常詳細，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-04-04
這篇文章主要給大家介紹了關于Angular 4.X開發(fā)實踐中的一些踩坑經(jīng)驗，文中主要介紹的是使用ngIf或者ngSwitch出錯以及多級依賴注入器的相關內容，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
angularjs1.5 組件內用函數(shù)向外傳值的實例
今天小編就為大家分享一篇angularjs1.5 組件內用函數(shù)向外傳值的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了angular中如何綁定iframe中src的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02