angular入門一之環境安裝及項目創建

angular入門一之環境安裝及項目創建

1.安裝node.js

• 下載，安裝，在終端測試安裝是否成功：node -v(查看nodejs版本) npm -v(查看npm版本)
• 下載地址：https://nodejs.org/en/download

<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>

posted @ 2018-06-21 14:50  日月之行  閱讀( 12512)  評論( 0)  編輯  收藏