【熵增教育】初探AngularJS6.x---環境搭建——熵增學院

初探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 強制清理緩存

另外,我們安裝執行過後,可能會出現如下圖一樣的警告,這是因爲[email protected]是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

   運行後效果如下圖所示,見到下圖就說明我們的環境準備已經全部完成啦: