详解Ubuntu安装angular-cli遇到的坑

 更新时间:2018年09月08日 08:48:00   作者:喵先生的进阶之路  
这篇文章主要介绍了详解Ubuntu安装angular-cli遇到的坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

环境:ubuntu16.04

按照官方文档的要求,跟着进行angular-cli的安装,但是我们知道,环境这种东西有时候很容易配置,有时候就会闹脾气,而且不同的操作系统,出现的问题也不尽相同。今天安装了一下,踩了几个坑,在这里跟大家分享一下。

更新nodejs,npm

根据官方的教程要求:

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.

所以要升级一下nodenpm的版本。

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的时候,创建文件是需要权限的,后面再去进行权限的配置还是很麻烦的。

安装angular-cli

上面提到了,安装的时候一定要换一下国内的源,然后再进行安装。

sudo npm install -g @angular/cli

这个安装完后,大概是这样的:

最后面的两行最重要。然后按照教程走,看看版本:

这是由于没有在系统命令中创建命令,所有不能在所有的地方都使用ng的命令。

sudo ln -s /opt/node/bin/ng /usr/local/bin/ng

然后就可以使用了:

到此就安装完了,后面的初步搭建angular小项目也就比较顺利了,这里就不做赘述了。

官方文档:https://angular.io/guide/quickstart

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • AngularJs 国际化(I18n/L10n)详解

    AngularJs 国际化(I18n/L10n)详解

    本文主要介绍AngularJs 国际化的知识,这里整理了详细的资料来讲解国际化,有需要的小伙伴可以参考下
    2016-09-09
  • Ubuntu系统下Angularjs开发环境安装

    Ubuntu系统下Angularjs开发环境安装

    本文主要介绍 Ubuntu系统下Angularjs开发环境安装,这里详细介绍了安装步骤和注意事项,有在Ubuntu 环境下开发的朋友可以参考下
    2016-09-09
  • AngularJS中的指令全面解析(必看)

    AngularJS中的指令全面解析(必看)

    下面小编就为大家带来一篇AngularJS中的指令全面解析(必看)。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • angular内置provider之$compileProvider详解

    angular内置provider之$compileProvider详解

    下面小编就为大家带来一篇angular内置provider之$compileProvider详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • AngularJS基础 ng-csp 指令详解

    AngularJS基础 ng-csp 指令详解

    本文主要介绍AngularJS ng-csp 指令,这里对ng-csp 的基础资料的整理,并附代码实例和实现效果图,有需要的小伙伴参考下
    2016-08-08
  • angularjs实现的购物金额计算工具示例

    angularjs实现的购物金额计算工具示例

    这篇文章主要介绍了angularjs实现的购物金额计算工具,涉及AngularJS事件监听、数值计算相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • angular4 共享服务在多个组件中数据通信的示例

    angular4 共享服务在多个组件中数据通信的示例

    本篇文章主要介绍了angular4 共享服务在多个组件中数据通信的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • angularjs指令中的compile与link函数详解

    angularjs指令中的compile与link函数详解

    这篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下
    2014-12-12
  • angular分页指令操作

    angular分页指令操作

    这篇文章主要为大家详细介绍了angular分页指令操作的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Angular2实现组件交互的方法分析

    Angular2实现组件交互的方法分析

    这篇文章主要介绍了Angular2实现组件交互的方法,结合实例形式总结分析了Angular2中组件交互的相关操作技巧与注意事项,需要的朋友可以参考下
    2017-12-12

最新评论