詳解Ubuntu安裝angular-cli遇到的坑
更新時間：2018年09月08日 08:48:00 作者：喵先生的進(jìn)階之路
這篇文章主要介紹了詳解Ubuntu安裝angular-cli遇到的坑，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
環(huán)境：ubuntu16.04
按照官方文檔的要求，跟著進(jìn)行angular-cli的安裝，但是我們知道，環(huán)境這種東西有時候很容易配置，有時候就會鬧脾氣，而且不同的操作系統(tǒng)，出現(xiàn)的問題也不盡相同。今天安裝了一下，踩了幾個坑，在這里跟大家分享一下。
更新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.
所以要升級一下node和npm的版本。
sudo npm cache clean -f sudo npm install -g n sudo n stable sudo npm install -g npm
這里我們使用n來幫助更新node。
如果上面的過程過慢，我們就要更新一下npm的源：
sudo npm config set registry https://registry.npm.taobao.org
可以在這里就換上，因為后面安裝angular-cli的時候還是要換源。
注意：
上面的幾步一定要使用sudo安裝，因為在使用n的時候，創(chuàng)建文件是需要權(quán)限的，后面再去進(jìn)行權(quán)限的配置還是很麻煩的。
安裝angular-cli
上面提到了，安裝的時候一定要換一下國內(nèi)的源，然后再進(jìn)行安裝。
sudo npm install -g @angular/cli
這個安裝完后，大概是這樣的：
最后面的兩行最重要。然后按照教程走，看看版本：
這是由于沒有在系統(tǒng)命令中創(chuàng)建命令，所有不能在所有的地方都使用ng的命令。
sudo ln -s /opt/node/bin/ng /usr/local/bin/ng
然后就可以使用了：
到此就安裝完了，后面的初步搭建angular小項目也就比較順利了，這里就不做贅述了。
官方文檔：https://angular.io/guide/quickstart
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS服務(wù)service用法總結(jié)
這篇文章主要介紹了AngularJS服務(wù)service用法,結(jié)合實例形式總結(jié)分析了服務(wù)Service的概念、功能及自定義服務(wù)的相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了用Angular實現(xiàn)一個掃雷的游戲示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
本文給大家分享Angularjs cookie 操作實例詳解，demo案例分析，感興趣的朋友參考下吧2017-09-09
這篇文章主要介紹了AngularJS ui-router刷新子頁面路由的方法，網(wǎng)上雖然有很多種方法，但是都不適合小編，今天小編給大家分享一個還不錯的方法，需要的朋友可以參考下2018-07-07
解決angularJS中input標(biāo)簽的ng-change事件無效問題
今天小編就為大家分享一篇解決angularJS中input標(biāo)簽的ng-change事件無效問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Angular 4依賴注入學(xué)習(xí)教程之ClassProvider的使用（三）
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之ClassProvider使用的相關(guān)資料，文中介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Angular 4具有一定的參考學(xué)習(xí)價值，需要的朋友可以參考借鑒，下面來一起看看吧。2017-06-06
Renderer2 類是 Angular 提供的一個抽象服務(wù),允許在不直接操作 DOM 的情況下操縱應(yīng)用程序的元素,本文給大家介紹了如何在 Angular 中使用 Renderer2,文中通過代碼示例給大家講解的非常詳細(xì),需要的朋友可以參考下2024-03-03
angularjs select 賦值 ng-options配置方法
下面小編就為大家分享一篇angularjs select 賦值 ng-options配置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了AngularJS中的過濾器使用詳解,過濾器是AngularJS中處理文本的一個非常有用的功能,需要的朋友可以參考下2015-06-06
深入理解Angularjs中$http.post與$.post
本篇文章主要介紹了深入理解Angularjs中$http.post與$.post ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05