2017-06-29 43 views
2

我正在開發由angular-cli(最新版本)生成的Angular2項目。我想在Intellij中運行所有的東西,但是我找不到一種方法來完成它。目前我只在Intellij開發,但是從控制檯('npm start')運行所有東西。這是很麻煩但是因爲如何運行intellij中的angular2 cli項目

  1. 當我改變文件的的WebPack並不總是看到的變化 - 我想的IntelliJ是緩存的變化或東西

  2. 只在控制檯,我不能在的IntelliJ調試瀏覽器

我的問題是:如何設置的IntelliJ做的一切,「故宮開始」不(自動編譯文件並生成地圖,注意有無變化,提供文件服務),所以這一切都是通過的IntelliJ處理我可以充分利用它功能?

問候

回答

3

運行具有角CLI-IDEA中創建角應用程序,你必須要逃避NPM Tool Windownpm start啓動應用程序,爲http://localhost:4200/ URL創建JavaScript Debug運行配置,並創下調試

請參閱https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/,https://www.youtube.com/watch?v=upgjCMHGpwo瞭解更多信息。另請參見https://blog.jetbrains.com/webstorm/2016/04/angular-2-workflow-in-webstorm/

請注意,你可能會面對的,因爲在角CLI配置最近的變化在Windows調試時的問題:目前的WebPack產生打破調試(WEB-27381)在sourcemap絕對的Windows路徑。請參閱https://youtrack.jetbrains.com/issue/WEB-27381#comment=27-2249117可能的解決方法

+0

「當我更改文件時,webpack並不總是看到更改 - 我認爲Intellij正在緩存更改或其他內容」 - angular-cli/webpack仍然無法正確處理'安全寫入'。請嘗試禁用文件|中的使用「安全寫入」設置|外觀和行爲|系統設置 – lena

相關問題