2

我正在作为文件夹打开的 Visual Studio 2019 中的一个 Angular 项目。一切都很好。用于 TypeScript/JavaScript 类和 Angular 的智能感知。当你翻转一个方法时，你会得到描述和返回值等等。有没有办法让智能感知为 BootStrap 和 Font Awsome 工作？我知道在 .Net Cor 项目中，您必须对 _view[something] 文件做一些事情。不记得了。我已经残疾一年了，刚刚开始重新学习。我想我会利用这段时间最终坐下来一劳永逸地学习 Angular。

4

3 回答 3

3

我有同样的问题，我注意到styles.css 也不包含在Intellisense 中。

而不是在文件夹中工作，我不得不：

  1. 创建一个新的空白解决方案（创建一个新项目>搜索“空白解决方案”）
  2. 右键单击解决方案，然后单击“添加 > 现有网站...”。
  3. 浏览到包含 Angular 文件夹的文件夹，然后单击“打开”

IntelliSense 现在直接在组件 HTML 中构建。

Bootstrap 类中的 IntelliSense

我已经读过在项目中包含 node_modules 会使搜索变得非常慢，但是如果我通过将 node_modules 设置为隐藏文件夹来排除它，IntelliSense 将再次停止为引导 CSS 文件工作。不过，Styles.css 继续出现。

哦，我也将 Visual Studio 更新到 16.4.5。

于 2020-02-29T13:05:32.693 回答
2

如果您仅包含位于“\ClientApp\node_modules”文件夹中的引导文件夹，则引导程序的 IntelliSense 可以在您的 Visual Studio 2019 .Net Core 中的（*.html 和 *.css）文件中正常工作，并带有一个角度项目。为了做到这一点：

  1. 在解决方案资源管理器中单击“<strong>显示所有文件”
  2. 现在，您可以看到带有浅灰色的node_modules文件夹。
  3. 打开该文件夹并右键单击引导文件夹并单击包含在项目中
  4. 然后在此处使用 Visual Studio 再次关闭并打开您的项目

它适用于 Visual Studio 2019、.NET Core5、Angular 11。

于 2021-07-20T14:07:46.713 回答
1

对我来说，我安装最新的 npm 版本并创建一个 angular 项目ng new xxx(project name)，然后将 bootstap（cd 你的项目文件夹，然后使用命令npm install bootstrap）和 font-awesome( npm install awesome) 安装到我的项目中。

此外，在 VS2019（社区版本16.3.7 ）中打开 bootstrap 和 font-awesome 作为文件夹，Intelliense运行良好，如下图所示：

引导程序

在此处输入图像描述

在此处输入图像描述

字体真棒

在此处输入图像描述

在此处输入图像描述

所以我猜这个问题更多地与您的 VS 设置、环境或您创建 Angular 项目所采取的步骤有关。

建议

注意：请检查您是否安装了工作负载Node.js development和ASP.NET and web development.

1.重置您的VS设置（工具->导入和导出设置...- >重置所有设置）以确保设置不会干扰智能感知的使用。

2.启动 VS2019devenv /safemode以防它们干扰智能感知。

3.在VS2019中创建一个angular core web应用，检查intelliense是否运行良好。如果它运作良好，那么问题可能出在您最初的 Angular 项目中。事实并非如此，也许 Intelliense 组件已损坏。

>>尝试在 VS Installer 中进行修复

另外，如果NPM和VS2019都不是最新版本，请更新。

于 2019-11-22T09:33:02.997 回答