angular学习--01技术收集
环境搭建
免搭建环境 stackblitz-angular在线编辑代码&运行
windows 10 搭建angular开发环境
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,到底谁更牛?--今日头条
创建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可以看到图片