在WebStorm中使用Angular 4啓用引導智能感知

我正在學習Angular 4，並且正在使用Bootstrap CSS。在WebStorm中使用Angular 4啓用引導智能感知

我已經使用npm安裝了Bootstrap庫，並且我使用src文件夾下的style.css文件在我的Angular項目中導入了Bootstrap。

一切正常，但WebStorm並沒有建議我任何Bootstrap類，而我編碼，我不明白爲什麼。我必須設置一些東西嗎？

如果我鏈接Bootstrap裏面我的index.html文件一切工作正常。

2017-05-26 Matteo M.

你能解釋一下多一點？ –

在任何，html文件或某些特定的文件中是否會發生問題？請確保'node_modules/bootstrap'未被標記爲排除 – lena

引導文件位於'myproject/node_modules/boostrap/dist〜'中。我已經將bootstrap css導入到編輯myproject/src/style.css的項目中：'@import url（「〜bootstrap/dist/css/bootstrap.css」）;' –

這看起來有點奇怪，但我能夠通過將整個引導文件夾（zip）複製到我的index.html所在的同一目錄中來工作。我對font-awesome文件夾太。

工作找我！讓我知道它是否有效。

來源

2017-05-31 19:57:36

我只是試圖將'bootstrap.css'複製到'index.html'的同一個目錄中，現在自動完成工作！ –

所以這是問題所在。你不能自動完成引導，如果你是一個CDN引用它：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

因此，相反，你要下載的引導文件在本地，並在開發過程中引用它來得到它來填充自動完成功能。

所以，你會下載它，並把它的項目，並引用它本地像這樣：

<link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >

一旦你完成開發，它切換回CDN聯動。這是唯一可以讓它不幸自動完成的方法。：/

來源

2017-05-26 18:37:11

我已經使用** npm **，所以實際上bootstrap sorce文件在'myproject/node_modules/boostrap/dist〜'中（我也沒有使用CDN）。在'myproject/src/style.css'中，我使用'@import url（「〜bootstrap/dist/css/bootstrap.css」）導入了引導程序CSS;' –

即使與它們相關聯，它也不是'自動完成？ –

我可以確認您，使用上述設置，自動完成功能不起作用。 –

嗨，我知道這有點晚，但我最近有同樣的問題，不得不看我的一箇舊項目。這是由於webstorm查看你的package.json的devDependencis解決這個問題的方式，無需移動任何文件，當你安裝引導程序來做npm install [email protected] --save-dev時，它會自動將它添加到package.json中，或者手動編輯它以查找這樣"devDependencies": { "@angular/cli": "1.0.1", "@angular/compiler-cli": "^4.0.0", "@types/jasmine": "2.5.38", "@types/node": "~6.0.60", "bootstrap": "^4.0.0-alpha.6"

我已經確認這解決了我的問題

來源

2017-07-08 18:34:48 Harry

在WebStorm中使用Angular 4啓用引導智能感知

回答

相關問題