angular入门一之环境安装及项目创建

<body> <div> <h3>angular入门一之环境安装及项目创建</h3> <br> <h4>1.安装node.js</h4> <ul> <li>下载，安装，在终端测试安装是否成功：<strong>node -v</strong>(查看nodejs版本) <strong>npm -v</strong>(查看npm版本)</li> <li>下载地址：<a target="_blank" href="https://nodejs.org/en/download">https://nodejs.org/en/download</a></li> </ul> 
<h4>2.安装angular cli</h4>
<ul>
    <li>安装typescript（新建项目的时候会自动安装，此时也可以不进行安装）：<br>
        <strong>npm install -g typescript</strong></li>
    <li>安装angular cli ：<br>
        <strong>npm install -g @angular/cli</strong>
    </li>
    <li>验证：<br>
        <strong>ng version</strong> 出现版本信息即安装成功。
    </li>
    <li style="color: red">注意：由于安装需要访问外网，速度可能慢导致失败，可以从淘宝镜像来进行安装<br>
        <strong>npm config set registry https://registry.npm.taobao.org  </strong><br>
        再安装cnpm代替npm命令：<strong>npm install -g cnpm</strong><br>
        再安装<strong>angular cli：cnpm install -g @angular/cli</strong>
    </li>
</ul>

<h4>3.创建新项目：</h4>
<ul>
    <li>在终端中，进入想要创建项目的地址执行 :<strong>ng new 项目名称</strong></li>
    <li>执行完该命令后会下载相应的npm包，耐心等待</li>
    <li style="color: red">注意：执行ng new first-app后会有一段提示说【'git' 不是内部或外部命令，也不是可<br>
        运行的程序或批处理文件。】，这个和本地没有安装git有关，但是不会影响项目。</li>
</ul>
<h4>4.运行项目：</h4>
<ul>
    <li>在终端中进入项目所在文件夹:cd first-app;</li>
    <li>然后执行ng serve，服务启动了，访问http://http:localhost:4200，能访问到即项目搭建成功。<br>
        <strong>ctrl+c</strong>命令退出指定状态，可以关闭服务(很多命令和linux下的较为相似)</li>
</ul>
<h4>5.至此，一个angular项目就可以跑起来了。</h4><br>
 <h4>6.参照<a href="https://www.angular.cn/guide/quickstart" target="_blank">angualr官网中文版</a>
    写的例子在：<a target="_blank" href="https://github.com/ZhangHongYuA/myRepository/">点击这里查看</a>，
    案例和官网的稍有出入，数据来源是用Java语言springboot框架编写的。</h4>
</body>
posted @ 2018-06-21 14:50  日月之行  阅读(13328)  评论(0)  编辑  收藏  举报