| Id |
Title |
Content |
Published |
Framework Id |
User Id |
Created |
Modified |
Actions |
| 83 |
创建Angular项目 |
<p>1、安装Angular</p>
<pre class=""><code class="language-bash hljs">#安装Angular
npm install -g @angular/cli
</code></pre>
<p> </p>
<p>2、创建Angular项目</p>
<pre class=""><code class="language-bash hljs"># 创建项目
ng new project-name
# 进入项目
cd project-name
</code></pre>
<p> </p>
<p>3、启动Angular项目</p>
<pre class=""><code class="hljs language-css"># --open 直接浏览器打开
# --port 端口号 默认端口4200
# --host 允许远程访问
ng serve --open --port 3010 --host 0.0.0.0</code></pre> |
1 |
21 |
1 |
7/25/26, 2:24 PM |
7/25/26, 2:24 PM |
View Edit Delete |
| 84 |
Angular项目添加UI组件Ant Design |
<p>1、项目内添加组件</p>
<pre class=""><code class="language-bash hljs">ng add ng-zorro-antd</code></pre>
<p> </p>
<p>2、UI组件添加命令公式</p>
<pre class=""><code class="language-bash hljs">ng g ng-zorro-antd:[schematic] <name> [options]</code></pre>
<p> </p>
<p>3、登录窗口</p>
<pre class=""><code class="language-bash hljs">ng g ng-zorro-antd:form-normal-login login</code></pre> |
1 |
21 |
1 |
7/26/26, 4:14 AM |
7/26/26, 4:14 AM |
View Edit Delete |
| 85 |
Angular常用命令 |
<p>1、创建component</p>
<pre class=""><code class="language-bash hljs">ng generate component</code></pre>
<p> </p>
<p>2、创建directive</p>
<pre class=""><code class="language-bash hljs">ng generate directive</code></pre>
<p> </p>
<p>3、创建module</p>
<pre class=""><code class="language-bash hljs">ng generate module</code></pre>
<p> </p>
<p>4、创建pipe</p>
<pre class=""><code class="language-bash hljs">ng generate pipe</code></pre>
<p> </p>
<p>5、创建service</p>
<pre class=""><code class="language-bash hljs">ng generate service</code></pre>
<p> </p> |
1 |
21 |
1 |
7/26/26, 3:39 PM |
7/26/26, 7:17 PM |
View Edit Delete |