centos配置angular运行环境

  Seves

一、 编译源码安装

  • 参考文章: [在centos7.2中配置angular运行环境详解][1]
  1. nodejs官网下载源码
  1. 上传解压
tar xzvf node-v8.11.3.tar.gz
cd node-v8.11.3/
./configure


- 如果出现了如上警告: c++ comiler too old建议使用第二种nvm方式安装,事实上nvm方式安装更简单方便

  1. 编译安装(时间较长,请耐心等待)
make && make install
笔者当时没有截图,这里直接盗用参考文章的截图

  1. 查看是否安装成功
node -v
npm -v

5.配置淘宝镜像,加速资源下载

npm config set registry  https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org

  1. angular-cli是用typescript写的,所以需要全局安装typescript和typings
  • 由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,淘宝团队生产了一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm。
cnpm install -g typescript typings

  1. 查看typescript版本
tsc -v

  1. 安装angular cli
cnpm install -g angular-cli@latest

安装后使用ng -v验证

  1. 创建一个测试项目
ng new hello-world --skip-install

  1. 编译产生dist文件夹
ng build
# 如果在build时报错:You have to be inside an angular-cli project in order to use the build command after reinstall of angular-cli](https://stackoverflow.com/questions/39133782/you-have-to-be-inside-an-angular-cli-project-in-order-to-use-the-build-command-a)
# 请重新使用npm安装angular cli
npm install -g @angular/cli@latest

![](https://upload-images.jianshu.io/upload_images/8682135-b257af6404c1dcfc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

> 11. 安装图表模块

npm install @antv/g2 --save

> 11. 好了,现在可以使用ngix或者tomcat解析页面了。



## 二、 nvm安装node  (Node Version Manager)
>1. 安装git

sudo yum install git

>2. wget安装nvm

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

source ~/.bashrc


> 3. 验证安装成功

nvm


> 4. 列出可以安装的版本号

nvm ls-remote

我这里已经安装了 v8.11.3和v10.5.0

![](https://upload-images.jianshu.io/upload_images/8682135-6824441334952b29.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

> 5. 安装指定版本

nvm install v10.5.0


>6. 切换版本和查看当前版本、查看已安装的版本

nvm use v10.5.0
nvm current
nvm ls


![](https://upload-images.jianshu.io/upload_images/8682135-8d71e12bd76fba60.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)





作者 [@没有故事的老大爷][2]
只要最后是你,就好

[1]: https://blog.csdn.net/Kangshuo2471781030/article/details/80312974

[2]: http://47.95.194.85
400