IDEA中怎么開發(fā)Angular

本文小編為大家詳細介紹“IDEA中怎么開發(fā)Angular”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“IDEA中怎么開發(fā)Angular”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

新建項目

File => New => Project => JavaScript => Angular CLI

選擇下一步之后，就可以在里面配置我們的項目了。如果你從一開始跟著我進行到這一步，你就會發(fā)現(xiàn)IDEA已經(jīng)將Node interpreter和Angular CLI都自動配置了，我們只需要設(shè)置我們的項目名即可。

點擊Finish之后就是等待構(gòu)建完成了，當控制臺輸出以下內(nèi)容，就代表著已成功構(gòu)建

The file will have its original line endings in your working directory
    Successfully initialized git.
Done

在IDEA中運行項目

1. Show npm Script

在項目根目錄下找到pachage.json文件，右鍵選擇Show npm Script就會出現(xiàn)一個新的窗口

在這個窗口中就有一些我們常用的命令，其中start命令就相當于ng serve命令，雙擊start，項目就開始編譯并啟動，啟動完成控制臺輸出以下信息

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

√ Compiled successfully.

此時訪問 http://localhost:4200/

npm中的命令其實都定義在package.json中，我們也可以自定義命令。
我們在package.json的scripts節(jié)點下新增

"node version": "node -v"

然后刷新npm界面就可以看到新增了一條node version命令，雙擊效果如執(zhí)行node -v命令。

2. IDEA-RUN

在IDEA的最上方控制欄有可以直接運行項目的選項

我們可以選擇直接RUN或者是DEBUG的方式來運行項目，這里其實也是相當于執(zhí)行

ng server

從VCS中拉取項目

VCS => Get From Version Controll => 輸入地址

讀到這里，這篇“IDEA中怎么開發(fā)Angular”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。