ng

1. 使用ng build --prod 编译生成可以发布的文件目录。 可选命令：ng build website --prod. website: 是需要编译的项目名称。有时angular 项目目录移动后，使用ng build --prod会出现，找不到指定项目的错误，这个时候需要指定项目名称，如website. 2. 直接创建IIS site发布， 会发现，刷新页面的时候提示找不到页面的错误。 解决方法：去配置文件里面配置，rewrite 如下。 3. 如果配置文件添加了rewrite url 之后，出现 load 配置文件出错的信息，则需要安装 url rewrite 模块。 下载地址： https://www.iis.net/downloads/microsoft/url-rewrite 直接安装就可以使用 来源： https://www.cnblogs.com/crdanding/p/11634947.html

安装环境 1.node.js 直接官方下载即可 node -v 查看版本 2.npm node.js 自带npm包管理 npm -v 查看版本 3.安装angular cli npm install -g @angular/cli ng version 查看版本 创建项目 1.创建项目 ng new app_name(项目名) 该命令会提示您输入有关要包含在初始应用程序中的功能的信息。按Enter或Return键接受默认值。 Angular CLI安装必要的Angular npm包和其他依赖项。CLI创建一个新的工作区和一个准备运行的简单欢迎应用程序。 2.运行项目 ng server --open/-o 3.创建组件 ng g component app-component(组件名字) 4.创建服务 ng g service service(服务名字) 3.打包发布应用 ng build --prod 来源： https://blog.csdn.net/qq_40072810/article/details/100978077

一：创建服务 ng g service 服务名 // 将创建到指定目录下面 ng g service 文件名/服务名 // 例如 ng g service myService/storage 二：在 app.module.ts 里面引入创建的服务 三：使用服务（在需要使用服务的地方进行如下配置） 来源： https://www.cnblogs.com/pan5008/p/11433166.html

一:环境搭建 1.搭建angular环境，要确保开发环境包括node.js 首先需要去nodejs官网 https://nodejs.org/en/ 下载node.js;安装以后，在终端/控制台窗口中运行 node -v ，检查是否安装成功。 2.检查你是否安装了 npm 客户端（ Node.js 已经默认安装了它），请在终端/控制台窗口中运行 npm -v 。 3.安装Angular CLI 要使用 npm 命令安装 CLI，请打开终端/控制台窗口，输入如下命令： npm install - g @angular / cli 二：创建项目 1.在终端运行CLI命令： ng new 项目名称 ; 例如：ng new angularTest 按enter键； 紧接着会出现 ? Would you like to add Angular routing? 输入y或者直接按enter键； 然后会出现让你选择样式 /*--> */ /*--> */ ? Which stylesheet format would you like to use? (Use arrow keys) 按上下键选择你需要的样式，enter键进入下一步; 2.cd 到创建的项目，使用 ng serve -- open 启动项目 /*--> */ /*--> */ 来源： https://www.cnblogs

Ng-Matero 0.1 终于发布了！周末折腾了两天，结果最后发版还是出了点意外，好在今天补了一版。 距离 Ng-Matero 发布第一版已经过去了一个多月，然后很颓废地休息了半个多月，最近项目的关注度好像明显提升了，所以如果项目不维护感觉对不起大家。作为一个工程项目最好的方式还是通过脚手架安装。按照计划，首先要添加 schematics，也就是使用 angular cli 自动初始化项目。然后花了一周多的时间终于搞定了 schematics🥴。 接下来还会继续扩展 schematics 以及写一些 vscode 插件，整个项目还有很多需要完善的地方，不知道还有没有那么大的精力。年龄大了，已经明显感觉到心有余而力不足。 大家的支持是我前进的最大动力！ Github： https://github.com/ng-matero/ng-matero 预览地址： https://ng-matero.github.io/ng-matero/ 0.1 版本主要添加了对 schematics 的支持，可以更方便的使用项目脚手架。 切记在新建 angular 项目的时候一定要选择 scss ，因为没有做兼容处理，选择其它格式会有点问题，可以在 angular.json 中修改主样式入口。 $ ng new PROJECT_NAME $ cd PROJECT_NAME $ ng add ng

简介 injector是用来做参数自动注入的，例如 function fn ($http, $scope, aService) { } ng在运行时会把$http, $scope, aService 自动作为参数传入进行执行。 其实很容易想明白，injector做了两件事 缓存那些service，以后作为参数注入 分析参数列表，找到需要的参数注入 下面源码分析如何实现上面两件事情。 结构 createInjector -> createInternalInjector return: instanceInjector 所以 createInjector() 返回的是 instanceInjector， 结构如下： { invoke: invoke, instantiate: instantiate, get: getService, annotate: annotate, has: function(name) { return providerCache.hasOwnProperty(name + providerSuffix) || cache.hasOwnProperty(name); } } 源码分析 1. createInjector function createInjector(modulesToLoad, strictDi) { strictDi =

打开 angular.json -> projects -> 项目名 -> architect -> build -> configurations -> production 。复制该配置以设置更多的配置项 更改对应的配置文件路径 "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ] 分别执行： ng s -c=dev 与 ng s -c=prod 与 ng s ，会看到不同的结果： dev , prod , test 。 在发布时，需要将命令稍作修改: ng build --prod -c=prod 来源： https://www.cnblogs.com/liubingboke/p/11342013.html

官方文档 英文版： https://angular.io/guide/quickstart 中文版： https://angular.cn/guide/quickstart Installing packages for tooling via npm. 在创建新项目时，这一步需要通过npm安装依赖包，于是卡住了 解决办法： ng new my-app --skip-install 然后进入my-app项目中，执行cnpm install安装依赖包（当然首先你要全局安装cnpm） 如果这句不行，就用ng new --help 查找到相对应卡住的那一步的命令，skip 来源： https://www.cnblogs.com/onew/p/11330450.html