如何在 webstorm 中使用 angular js (How to use angular js with webstorm)


問題描述

如何在 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

(by learnerlena)

參考文件

  1. How to use angular js with webstorm (CC BY‑SA 2.5/3.0/4.0)

#javascript #angularjs #webstorm






相關問題

為什麼我不能在 IE8 (javascript) 上擴展 localStorage? (Why can't I extend localStorage on IE8 (javascript)?)

在 Javascript 中打開外部 sqlite3 數據庫 (Open external sqlite3 database in Javascript)

Javascript:數組中的所有對像都具有相同的屬性 (Javascript: All Objects in Array Have Same Properties)

為什麼我們要在 javascripts 原型中添加函數? (Why do we add functions to javascripts prototype?)

顯示 URL javascript 的最後一部分? (Display the last part of URL javascript?)

Javascript XMLHttpRequest:忽略無效的 SSL 證書 (Javascript XMLHttpRequest: Ignore invalid SSL Certificate)

有沒有辦法測試 console.log 整體 (Is there a way to test for console.log entires)

如何從 javascript 對像中獲取名稱和值到新列表中? (How to get name and values from a javascript object into a new list?)

數據未發布..幫助!html,js,firebase (Data not posting.. Help! html,js,firebase)

使用 Node.js 腳本查看表單數據 (Seeing form data with Node.js script)

使用百分比查找範圍內的值 (find the value within a range using percent)

如何通過 react.js 中的組件傳遞變量或數據? (How to pass varible or data through components in react.js?)







留言討論