不胜人生 發表於 2019-9-12 07:24:00

Angular 使用教程

<p><span class="content mubu-node"><span class="content mubu-node">1、下载node.js,然后一直安装,可以修改一下node.js文件安装路径</span></span></p>
<ul>
<li><span class="content mubu-node">查看是否node.js安装成功,在运行——cmd中输入以下代码。如果安装成功,则会显示出node.js的版本号</span></li>
<li><span class="content mubu-node">node -v</span></li>
</ul>
<p><span class="content mubu-node"><span class="content mubu-node">2、安装Angular CLI</span></span></p>
<ul>
<li style="list-style-type: none">
<ul class="children">
<li><span class="content mubu-node">在cmd中继续输入安装 angular命令行界面,如果不安装它无法识别出 ng 这样的命令</span></li>
<li><span class="content mubu-node">npm i -g @ angular / cli</span></li>
<li><span class="content mubu-node">然后输入以下命令查看angular的版本号</span></li>
<li><span class="content mubu-node">ng version</span></li>
<li><span class="content mubu-node">如果安装成功,则会显示出angular的版本号</span></li>
</ul>
</li>
</ul>
<p><em id="__mceDel"><span class="content mubu-node"><span class="content mubu-node">3、输入以下命令,创建项目</span></span></em></p>
<ul>
<li style="list-style-type: none">
<ul class="children">
<li><span class="content mubu-node">ng new my-app</span></li>
<li><span class="content mubu-node">这时候需要去默认的路径去找到my-app这个名字的文件夹,如我的文件在(C:\Users\Administrator.PC-201907301514)这个目录下。</span></li>
<li><span class="content mubu-node">恭喜你已经成功创建了angular项目</span></li>
</ul>
</li>
</ul>
<p style="list-style-type: none"><span class="content mubu-node"><span class="content mubu-node">4、这时你可以通过多种方式去运行它:</span></span></p>
<ul>
<li style="list-style-type: none">
<ul class="children">
<li><span class="content mubu-node">可以直接用cmd的方式,cd到my-app文件所在的目录,在执行运行它npm run start</span></li>
<li><span class="content mubu-node">在各种前端开发工具中也可以,如我用的是Hbuilde,那它已经把这些功能集成了,我只需要先下载安装它的运行终端,运行时可以直接选择而不用去敲命令了。</span><img src="https://img2018.cnblogs.com/blog/888271/201909/888271-20190912072240915-999376680.png"></li>
</ul>
</li>
</ul><br><br>
来源:https://www.cnblogs.com/helloo/p/11509840.html
頁: [1]
查看完整版本: Angular 使用教程