Angular搭建本地开发环境和工作空间

在使用Angular开发代码时，需要先构建本地开发环境（也可以在StackBlitz上直接练习，只是不适合承载产品环境。https://angular.cn/generated/live-examples/getting-started-v0/stackblitz.html）

一、前提条件

使用Angular前需要安装nodejs和npm：
1、 使用node -v 和npm -v 查看是否安装；

node  -v
npm -v

2、 如果没有安装则可以进行安装，可以在官网https://nodejs.org/en/进行安装，我这里是在Linux内采用wget：

   wget https://nodejs.org/dist/v10.13.0/node-v10.13.0-linux-x64.tar.xz    // 下载
   tar xf  node-v10.13.0-linux-x64.tar.xz       // 解压
   cd node-v10.13.0-linux-x64/                  // 进入解压目录
   ./bin/node -v                               // 执行node命令 查看版本
    v10.13.0                                    //npm是和nodejs绑定的，默认安装了
    //设置软连接
    ln -s /usr/sbin/nodejs/bin/node   /usr/local/bin/             //类似快捷方式,全局的
    ln -s /usr/sbin/nodejs/bin/npm   /usr/local/bin/
    node -v         // v10.13.0 
    npm -v         //6.4.1

二、安装 Angular CLI

Angular CLI可以创建项目、生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。
Angular CLI和nodejs有对应的版本匹配，如果不匹配会出现各种问题，浪费大量时间，nodejs我这边是10.13.0（默认Angular CLI的最低版本），一开始使用的是官网默认命令：

npm install -g @angular/cli

最后在执行ng new my-app时会报

npm ERR! cb() never called!

一顿操作后又存在gcc版本问题：

node: /usr/lib/x86_64-linux-gnu/libstdc++.so.6: version `GLIBCXX_3.4.18' not found (required by node)
node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.16' not found (required by node)
node: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.17' not found (required by node)

下面直接卸载了，重新装了低版本的

#apt-get 卸载
    sudo apt-get remove --purge npm
    sudo apt-get remove --purge nodejs
    sudo apt-get remove --purge nodejs-legacy
    sudo apt-get autoremove
​
    #手动删除 npm 相关目录
    rm -r /usr/local/bin/npm
    rm -r /usr/local/lib/node-moudels
    find / -name npm
    rm -r /tmp/npm* 
//重新安装
sudo npm install -g @angular/cli@7.3.10 --unsafe-perm=true --allow-root

相当于为了适应gcc版本，nodejs和Angular CLI都装了低版本的，其实还可以升级gcc版本，这个没有尝试。

三、创建工作空间和初始应用

安装完Angular CLI，就可以使用ng命令了：

说明安装成功，接下来可以创建本地空间：

根据自己情况进行选择。最后启动：

cd my-app
ng serve --open

在浏览器输入http://127.0.0.1:4200/就会出现下图，说明部署完成：