Angular笔记

Angular官方文档

Angular，Angular CLI和Angular应用程序依赖于 npm软件包

下载node

cd /usr/local/
wget https://npm.taobao.org/mirrors/node/v10.14.1/node-v10.14.1-linux-x64.tar.gz
tar -xvf node-v10.14.1-linux-x64.tar.gz
mv node-v10.14.1-linux-x64 node

配置环境变量

vim /etc/profile
vim ~/.zshrc 	#我使用zsh

注意目录位置：

#set for nodejs  
export NODE_HOME=/usr/local/node  
export PATH=$NODE_HOME/bin:$PATH

生效配置文件

source /etc/profile
source ~/.zshrc #我使用zsh
node -v
npm -v

开始使用Angular

安装Angular CLI

npm install -g @angular/cli

运行CLI命令 ng new并提供名称 my-app，如下所示：

ng new my-app

ng serve命令启动服务器，监视您的文件， 并在更改这些文件时重建应用程序

cd my-app
ng serve --open  # --open（或只是 -o）选项会自动打开你的浏览器 到 http://localhost:4200/

使用Angular CLI 创建组件

ng generate component new_component

显示组件

将组件标签添加到app.component.html中

 <app-new-component></app-new-component>