詳解Ubuntu安裝angular-cli遇到的坑
環(huán)境：ubuntu16.04
按照官方文檔的要求，跟著進(jìn)行angular-cli的安裝，但是我們知道，環(huán)境這種東西有時(shí)候很容易配置，有時(shí)候就會(huì)鬧脾氣，而且不同的操作系統(tǒng)，出現(xiàn)的問(wèn)題也不盡相同。今天安裝了一下，踩了幾個(gè)坑，在這里跟大家分享一下。
更新nodejs，npm
根據(jù)官方的教程要求：
Verify that you are running at least Node.js version 8.x or greater and npm version 5.x or greater by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.
所以要升級(jí)一下node和npm的版本。
sudo npm cache clean -f sudo npm install -g n sudo n stable sudo npm install -g npm
這里我們使用n來(lái)幫助更新node。
如果上面的過(guò)程過(guò)慢，我們就要更新一下npm的源：
sudo npm config set registry https://registry.npm.taobao.org
可以在這里就換上，因?yàn)楹竺姘惭bangular-cli的時(shí)候還是要換源。
注意：
上面的幾步一定要使用sudo安裝，因?yàn)樵谑褂?code>n的時(shí)候，創(chuàng)建文件是需要權(quán)限的，后面再去進(jìn)行權(quán)限的配置還是很麻煩的。
安裝angular-cli
上面提到了，安裝的時(shí)候一定要換一下國(guó)內(nèi)的源，然后再進(jìn)行安裝。
sudo npm install -g @angular/cli
這個(gè)安裝完后，大概是這樣的：
最后面的兩行最重要。然后按照教程走，看看版本：
這是由于沒有在系統(tǒng)命令中創(chuàng)建命令，所有不能在所有的地方都使用ng的命令。
sudo ln -s /opt/node/bin/ng /usr/local/bin/ng
然后就可以使用了：
到此就安裝完了，后面的初步搭建angular小項(xiàng)目也就比較順利了，這里就不做贅述了。
官方文檔：https://angular.io/guide/quickstart
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJs 國(guó)際化（I18n/L10n）詳解
本文主要介紹AngularJs 國(guó)際化的知識(shí)，這里整理了詳細(xì)的資料來(lái)講解國(guó)際化，有需要的小伙伴可以參考下2016-09-09
Ubuntu系統(tǒng)下Angularjs開發(fā)環(huán)境安裝
本文主要介紹 Ubuntu系統(tǒng)下Angularjs開發(fā)環(huán)境安裝，這里詳細(xì)介紹了安裝步驟和注意事項(xiàng)，有在Ubuntu 環(huán)境下開發(fā)的朋友可以參考下2016-09-09
下面小編就為大家?guī)?lái)一篇AngularJS中的指令全面解析(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
angular內(nèi)置provider之$compileProvider詳解
下面小編就為大家?guī)?lái)一篇angular內(nèi)置provider之$compileProvider詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
本文主要介紹AngularJS ng-csp 指令,這里對(duì)ng-csp 的基礎(chǔ)資料的整理,并附代碼實(shí)例和實(shí)現(xiàn)效果圖,有需要的小伙伴參考下2016-08-08
angularjs實(shí)現(xiàn)的購(gòu)物金額計(jì)算工具示例
這篇文章主要介紹了angularjs實(shí)現(xiàn)的購(gòu)物金額計(jì)算工具,涉及AngularJS事件監(jiān)聽、數(shù)值計(jì)算相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
angular4 共享服務(wù)在多個(gè)組件中數(shù)據(jù)通信的示例
本篇文章主要介紹了angular4 共享服務(wù)在多個(gè)組件中數(shù)據(jù)通信的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
angularjs指令中的compile與link函數(shù)詳解
這篇文章主要介紹了angularjs指令中的compile與link函數(shù)詳解,本文同時(shí)訴大家complie,pre-link,post-link的用法與區(qū)別等內(nèi)容,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了angular分頁(yè)指令操作的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
Angular2實(shí)現(xiàn)組件交互的方法分析
這篇文章主要介紹了Angular2實(shí)現(xiàn)組件交互的方法,結(jié)合實(shí)例形式總結(jié)分析了Angular2中組件交互的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-12-12