詳解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服務(wù)service用法總結(jié)
這篇文章主要介紹了AngularJS服務(wù)service用法,結(jié)合實(shí)例形式總結(jié)分析了服務(wù)Service的概念、功能及自定義服務(wù)的相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
用Angular實(shí)現(xiàn)一個(gè)掃雷的游戲示例
這篇文章主要介紹了用Angular實(shí)現(xiàn)一個(gè)掃雷的游戲示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
本文給大家分享Angularjs cookie 操作實(shí)例詳解，demo案例分析，感興趣的朋友參考下吧2017-09-09
AngularJS ui-router刷新子頁(yè)面路由的方法
這篇文章主要介紹了AngularJS ui-router刷新子頁(yè)面路由的方法，網(wǎng)上雖然有很多種方法，但是都不適合小編，今天小編給大家分享一個(gè)還不錯(cuò)的方法，需要的朋友可以參考下2018-07-07
解決angularJS中input標(biāo)簽的ng-change事件無(wú)效問(wèn)題
今天小編就為大家分享一篇解決angularJS中input標(biāo)簽的ng-change事件無(wú)效問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Angular 4依賴注入學(xué)習(xí)教程之ClassProvider的使用（三）
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之ClassProvider使用的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Angular 4具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-06-06
Renderer2 類是 Angular 提供的一個(gè)抽象服務(wù),允許在不直接操作 DOM 的情況下操縱應(yīng)用程序的元素,本文給大家介紹了如何在 Angular 中使用 Renderer2,文中通過(guò)代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下2024-03-03
angularjs select 賦值 ng-options配置方法
下面小編就為大家分享一篇angularjs select 賦值 ng-options配置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
這篇文章主要介紹了AngularJS中的過(guò)濾器使用詳解,過(guò)濾器是AngularJS中處理文本的一個(gè)非常有用的功能,需要的朋友可以參考下2015-06-06
深入理解Angularjs中$http.post與$.post
本篇文章主要介紹了深入理解Angularjs中$http.post與$.post ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05