問題描述
如何在 webstorm 中使用 angular js (How to use angular js with webstorm)
我創建了新項目並在 webstorm 中選擇了“Angular JS”作為項目類型。
現在 webstorm 已經為我創建了一個這樣的項目:
我已將 angular.js 添加為依賴的 javascript 庫。
當我打開 index.html
文件時,它有下面的代碼:
<!‑‑ In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
‑‑>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular‑route/angular‑route.js"></script>
<script src="app.js"></script>
<script src="view1/view1.js"></script>
<script src="view2/view2.js"></script>
<script src="components/version/version.js"></script>
<script src="components/version/version‑directive.js"></script>
<script src="components/version/interpolate‑filter.js"></script>
代碼是指存在於名為bower_components
的文件夾中的角度js文件,但webstorm沒有自動創建任何這樣的文件夾。因此,當我創建了一個名為 的文件時 app1.js
並嘗試編寫一些有角度的 js 代碼,自動完成根本不起作用。
在 webstorm 中為 Angular JS 創建項目的正確方法是什麼?
之前我嘗試創建一個簡單的項目而不是 Angular Js 項目,但仍然遇到自動完成的問題。詳細信息在這篇文章中給出:如何創建一個webstorm中簡單的angular js項目
更新:
感謝Daniel,現在bower組件的問題已經解決了。但是當我嘗試為代碼 webstorm.controller
做時,自動完成仍然不起作用,請看下面的截圖,我該如何解決這個問題?
參考解法
方法 1:
Standard Angular methods completion doesn't currently work, please follow WEB‑14134 for updates