Angular 指令详解
<p>1. Angular安装</p><p> 1.1 因为angular一般是用npm安装，所以需要先装npm. npm的安装一般用NodeJS. 所以把NodeJS装好，npm也就装好了。</p>
<p> NodeJS 下载地址：https://nodejs.org/en/download/</p>
<p> 以Windows为例，下载安装最新版本。</p>
<p> </p>
<p> <img src="https://img2018.cnblogs.com/blog/599212/201909/599212-20190912145404084-1190529836.png"></p>
<p> </p>
<p> 安装完之后npm的会安装到C盘去：<span style="text-decoration: underline">C:\Users\MichaelQiao\AppData\Roaming\npm</span></p>
<p> 1.2 配置npm的镜像，使用国内的镜像。</p>
<p> npm config set registry=http://registry.npm.taobao.org</p>
<p> 检查是否设置成功： npm config list</p>
<p> <img src="https://img2018.cnblogs.com/blog/599212/201909/599212-20190916103543800-1224432087.png"></p>
<p> </p>
<p> </p>
<p>2. 安装angular cli</p>
<p> 2.1 安装typescript.</p>
<p> npm install -g typescript </p>
<p> (因为angular 2.0之后是用的typescript)</p>
<p> 注意！！！！可能在公司网络里配了代理会导致下载失败。检查是否配置了代理，用命令 npm config list, 如果有proxy这个选项，证明已经配置了代理。解决方法就是删除代理配置，使用命令：npm delete proxy.</p>
<p> 2.2 安装angular cli</p>
<p> npm install -g @angular/cli</p>
<p> </p>
<p>3. Angular命令详解</p>
<p> 3.1 生成新的工程以及初始化</p>
<p> ng new my-app</p>
<p> 3.2 运行agular程序</p>
<p> cd my-app</p>
<p> ng serve --open</p>
<p> 3.3 添加新的组件</p>
<p> ng g component homepage</p>
<p> （g 是generate的缩写）</p>
<p> 3.4 添加新的路由</p>
<p> 先介绍router 作用：</p>
<p> a. 浏览器地址栏输入地址之后跳转。</p>
<p> b. 在页面上点击链接跳转到新的页面。</p>
<p> c. 点击浏览器的前进和后退，导向之前或之后的页面。</p>
<p> 指令：ng g component yourcomponent之后，把yourcomponent添加到app.module.ts里的@NgModule里的RouterModule里面去。</p>
<p> 3.5 生成服务 </p>
<p> service介绍： Services are the place where you share data between parts of your application 可以理解成页面之间共享数据的类。</p>
<p> 指令：ng g service yourservice</p>
<p> </p>
<p> </p>
<p> </p><br><br>
来源：https://www.cnblogs.com/bolddream/p/angular_command_illustration.html
頁:
[1]