angular学习--01技术收集

2019-05-06  本文已影响0人  牵手生活

环境搭建

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


angular官网

angular.io--官网

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

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官方教程 ---英雄指南---对应视频--腾讯课堂

上一篇下一篇

猜你喜欢

热点阅读