环境搭建

免搭建环境 stackblitz-angular在线编辑代码&运行
windows 10 搭建angular开发环境

---

angular官网

angular.io--官网

建议学习步骤-吴大神推荐

angular快速上手--官网

• 1： stacbblit环境-不需要任何设置，快速创建你的第一个Angualr应用
• 2：angular官方例子--英雄指南

ant Design of Angular---是由阿里巴巴阿里云和计算平台事业部的小伙伴为 Ant Design 开发的 Angular 版本，是一个适用于构建中后台应用的组件库,可复制组件代码-阿里
angular 代码库---组件代码-阿里

---

stacbblit 项目下载编译

在学习到进入你从 StackBlitz 下载的 /src 文件夹，然后执行 build 命令。

ng build --prod

这会产生你要部署的文件。

问题1：Could not find module "@angular-devkit/build-angular"

D:\czg\angular\shop.angular>ng build --prod
An unhandled exception occurred: Could not find module "@angular-devkit/build-angular" from "D:\\czg\\angular\\shop.angular".
See "C:\Users\Lenovo\AppData\Local\Temp\ng-wT7c5q\angular-errors.log" for further details.

出现

问题2：Could not find the implementation for builder @angular-devkit/build-angular:dev-server

目前网络上找不到解决办法，先不管，继续学习看看，后续碰到再来补充

---

angular 一些命令特别说明

ng new my-project-name
#记得按yes 后，还需要继续按enter键才会继续
#ng new 命令会提示你提供要把哪些特性包含在初始应用中。按 Enter 或 Return 键可以接受默认值。

Angular CLI 中包含一个服务器，方便你在本地构建和提供应用。
转到 workspace 文件夹（my-app）。
使用 CLI 命令 ng serve 和 --open 选项来启动服务器。

ng serve --open
#默认端口4200
#ctrl+c 终止当前才可以

image.png image.png

---

angular与React、Vue比较

Angular、React、Vue三选一，前端工程师更青睐使用哪款框架？--今日头条
React vs Angular，到底谁更牛?--今日头条

AngularJs和angular的对比

创建angular项目

用WebStorm进行Angularjs 2开发（环境篇：Windows 10，Angular-cli方式）--csdn
使用WebStorm创建Angular2项目--csdn
Angular 2使用WebStorm创建Angular 2项目--csdn

Angular4学习笔记之Angular CLI 安装和使用教程--helloworld

使用Angular CLI生成 Angular 5项目--命令详情及项目结构--超详细--奇怪用csdn app可以看到图片

angular-cli.json

angular官方教程 ---英雄指南

toh-anim.gif

angular官方教程 ---英雄指南
angular官方教程 ---英雄指南---对应视频--腾讯课堂