在使用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/就会出现下图,说明部署完成: