angular基础教学

开发环境

1. 安裝vscode。
2. 安裝node.js。安装完之后在cmd输入 node -v 和 npm -v ，确认node 8.x 和 npm 5.x 是以上的版本
3. 安裝Angular CLI npm install -g @angular/cli。开发angular需要使用angular cli来帮助我们建立项目

建立Angular项目

angular cli

AngularCli是Angular开发中的重要工具
下面简单介绍一下常用指令，详细参数可至官网查询

ng new [name] 建立Angular项目
ng new [name] --routing 建立项目时加上路由
ng new [name] --style=styl 使用css预处理器 可以选择scss,less,stylus

ng g c [name]建立一个新的模块

ng g class [文件夹名称]/[name]类似创建后端的实体类，用来承载数据

ng serve --open 启动server并开启浏览器

ng build发布包
ng update用来升级项目版本

创建第一个angular项目

创建一个含有路由且使用stylus预处理器的项目  ng new Angular8Test --routing --style=styl

使用Vscode打开创建的文件夹，在vscode按下 Ctrl+` 来打开终端，输入 ng serve --open打开创建的项目

如果终止angular服务就输入ctrl+c

部分目录结构

文件	用途
app/app.component. {ts,html,css,spec.ts}	使用HTML模板、CSS样式和单元测试定义AppComponent组件。 它是根组件，随着网站的完善它会成为一棵组件树的根节点
app/app.module.ts	定义AppModule，根模块为Angular描述如何组装应用
assets/*	这个文件夹下你可以放图片等任何东西
index.html	这是別人访问你的网站时看到的主页面的HTML文件
main.ts	网站的入口点
node_modules/	Node.js创建了这个文件夹，并且把package.json中列举的所有第三方包都放在其中（误删除的话就需要打开控制台输入npm install重新安装）

不想写了，哪天心情好了再更……