在 Ubuntu 安裝 Angular

在 Ubuntu 安裝 Angular

環境：

Virtual Box 6.0

Host: Win10 企業版

Client:Ubuntu 18.04.2 LTS

1.安裝 curl。

待會會透過 curl 來安裝 node.js，如果系統沒有 curl ，可以透過下面指令安裝

sudo apt install curl

Ref: https://linuxize.com/post/how-to-install-and-use-curl-on-ubuntu-18-04/

狀況一：dpkg 作業遭中斷，必須手動執行 'sudo dpkg --configure -a' 以修正問題。

這問題很清楚，答案也很明顯。就直接執行

sudo dpkg --configure -a

狀況二：相依問題。

參考： https://timmy61109.blogspot.com/2017/09/linuxapt-get.html

執行：sudo apt-get -f install

然後再回頭執行剛剛失敗的指令：

sudo dpkg --configure -a

sudo apt install curl

2.安裝 Node.js

目前最新版本已經是 12 ，

執行下面兩行指令：

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

sudo apt-get install -y nodejs

3.將 NPM 更新到最新版

sudo npm install npm@latest -g

4.安裝 Angular CLI

sudo npm install -g @angular/cli

5.建立一個 Angular 新專案試試

ng new awesome-project

狀況一：出現 EACCES: permission denied 錯誤

參考：https://npm.community/t/unhandled-rejection-error-eacces-permission-denied-angular-npm-install/4981

執行下面指令：

sudo npm cache clean --force --unsafe-perm

再重新建一個 Angular 專案

ng new myapp01

狀況二：雖然專案可以正常執行，但出現﹔npm update check failed

參考： https://www.jianshu.com/p/b58b50f98517

就按照說明，直接執行一行指令  

sudo chown -R $USER:$(id -gn $USER) /home/paladin/.config

下次再新增專案時，就不會出先 npm update check failed 的訊息了

6.啟動新專案

cd myapp01

ng serve --open

完成了！！