初探AngularJS6.x---環境搭建

 

近期作項目,正好用到了AngularJS,因此就想着趕快整理成博文,避免回頭給忘了.第一次接觸AngularJS是兩年前,那會兒公司用的是BootStrap作頁面,而後配合AngularJS1.x作一些處理.後來身邊人極力推薦讓用2.x.說是2.x比1.x有了很是大的變更,但一直沒空去整,一直擱到如今.

AngularJS6.x仍然是基於nodeJS的,因此若是咱們想要搭建一個AngularJS的環境,首先咱們要安裝nodeJs,這裏要強調一點,若是咱們要用angularJs6.x那麼咱們安裝的Nodejs版本必須大於等於8.x,而且npm版本必須大於等於5.x.

這裏個人操做系統是CentOS7-1804的,而後安裝命令以下:

1. 靜默添加nodejs地址 並將他安裝到bash裏:curl --silent --location https://rpm.nodesource.com/setup_10.x | sudo bash -
2. 安裝nodejs的編譯環境: yum install gcc-c++ make
3. 安裝nodejs:     yum -y install nodejs

安裝以後,運行npm -v效果圖以下:

運行node -v效果圖以下:

有了這兩個提示,就說明咱們的Nodejs已經安裝成功了,而後咱們開始安裝AngularJs/cli:  sudo npm install -g @angular/cli

在這裏可能會有一些安裝錯誤,此時咱們能夠卸載而後從新安裝,卸載命令以下:

1. npm uninstall -g angular-cli卸載舊版本  npm uninstall @angular/cli 卸載新版本
2. npm cache clean 清理緩存  npm cache verify –force 強制清理緩存

另外,咱們安裝執行事後,可能會出現以下圖同樣的警告,這是由於fsevents@1.2.4是mac系統使用的,若是咱們使用的是其餘的系統就會出現這樣的提醒,因此這樣是正常的:

截止到這裏,環境的準備並無結束,在建立項目的時候,angularJs6.x還用到了git命令,若是沒有安裝,就會報錯說git命令沒找到,所以咱們還須要安裝git.由於我比較喜歡新的軟件,因此直接裝了git2.x:

1. yum install https://centos7.iuscommunity.org/ius-release.rpm
2. yum install git2u

環境準備好後,咱們開始建立項目並運行:

1. ng new conk-out
2. cd conk-out
3. ng serve –open

   運行後效果以下圖所示,見到下圖就說明咱們的環境準備已經所有完成啦: