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

melon_jj發表於2018-08-14
AngularJS

近期做專案,正好用到了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 rpm.nodesource.com/setup_10.x | sudo bash -
  2. 安裝nodejs的編譯環境: yum install gcc-c++ make
  3. 安裝nodejs: yum -y install nodejs

安裝之後,執行npm -v效果圖如下:

初探AngularJS6.x---環境搭建
執行node -v效果圖如下:

初探AngularJS6.x---環境搭建
有了這兩個提示,就說明我們的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---環境搭建

截止到這裡,環境的準備並沒有結束,在建立專案的時候,angularJs6.x還用到了git命令,如果沒有安裝,就會報錯說git命令沒找到,因此我們還需要安裝git.因為我比較喜歡新的軟體,所以直接裝了git2.x:

  1. yum install centos7.iuscommunity.org/ius-release…
  2. yum install git2u

初探AngularJS6.x---環境搭建
環境準備好後,我們開始建立專案並執行:

  1. ng new conk-out
  2. cd conk-out
  3. ng serve –open 執行後效果如下圖所示,見到下圖就說明我們的環境準備已經全部完成啦:

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

相關文章