有没有办法让 Bootstrap 的 Intellisense 和 Angular 项目中的 FontAwesome 在 Visual Studio 2019 中作为文件夹打开
Is there a way to get Intellisense for Bootstrap and FontAwsome in Angular project opened as a folder in Visual Studio 2019
我在 Visual Studio 2019 年从事 Angular 项目，我已将其作为文件夹打开。一切都很好。 TypeScript/JavaScript 类 和 Angular 的智能感知。当你滚动一个方法时，你会得到描述和 return 值等等。有没有办法让智能感知为 BootStrap 和 Font Awsome 工作？我知道在 .Net Cor 项目中，您必须使用 _view[something] 文件做一些事情。不记得了。我已经有一年的残疾了，才开始重新学习。我想我会利用这段时间坐下来，一劳永逸地学习 Angular。
对我来说，我安装 the latest npm version 并通过 ng new xxx(project name) 创建一个 angular 项目，然后安装 bootstap（cd 你的项目文件夹然后使用命令 npm install bootstrap）和font-awesome(npm install awesome) 到我的项目中。
此外，在VS2019(community version16.3.7)和Intelliense中打开bootstrap和font-awesome as文件夹效果很好，如下图所示：
Bootstrap
字体很棒
所以我猜这个问题与您的 VS 设置、环境或您创建 angular 项目所采取的步骤有关。
建议
注意：请检查您是否安装了工作负载Node.js development和ASP.NET and web development.
1.reset你的VS设置(工具-->导入和导出设置...-->重置所有设置) 以确保设置不会干扰智能感知的使用。
2.start VS2019 devenv /safemode 以防它们干扰智能感知。
3.create angular VS2019 中的核心 Web 应用程序，用于检查 intelliense 是否正常运行。如果它运行良好，则问题可能出在您最初的 angular 项目中。不是，也许 Intelliense 组件坏了。
>>尝试在 VS Installer 中进行修复
另外，如果npm和vs2019都不是最新版本，请更新一下
我遇到了同样的问题，我注意到 styles.css 也没有包含在 Intellisense 中。
我不得不：
而不是在文件夹中工作
- 创建一个新的空白解决方案（创建一个新项目 > 搜索 "Blank Solution"）
- 右键单击该解决方案并单击 "Add > Existing Web Site..."。
- 浏览到包含 Angular 文件夹的文件夹并单击 "Open"
IntelliSense 现在直接在组件 HTML 中构建。
我读到在项目中包含 node_modules 会使搜索非常慢，但是如果我通过将 node_modules 设为隐藏文件夹来排除它，IntelliSense 将停止为 bootstrap CSS 文件。不过，Styles.css 继续出现。
哦，我也更新了 Visual Studio 到 16.4.5.
如果您只包括位于“\ClientApp\node_modules”文件夹中的 bootstrap 文件夹，bootstrap 的 IntelliSense 在您的 ( *.html 和*.css ) Visual studio 2019 .Net Core 中的文件，其中包含一个 angular 项目。
为了做到这一点：
- 在解决方案资源管理器中单击“显示所有文件”
Here
- 现在，您可以看到 node_modules 文件夹，颜色为浅灰色。
- 打开该文件夹并右键单击 bootstrap 文件夹 并单击 Include In Project
- 然后使用 visual studio 关闭并再次打开您的项目
here
它适用于 Visual Studio 2019、.NET Core5、Angular 11.
我在 Visual Studio 2019 年从事 Angular 项目，我已将其作为文件夹打开。一切都很好。 TypeScript/JavaScript 类 和 Angular 的智能感知。当你滚动一个方法时，你会得到描述和 return 值等等。有没有办法让智能感知为 BootStrap 和 Font Awsome 工作？我知道在 .Net Cor 项目中，您必须使用 _view[something] 文件做一些事情。不记得了。我已经有一年的残疾了，才开始重新学习。我想我会利用这段时间坐下来，一劳永逸地学习 Angular。
对我来说，我安装 the latest npm version 并通过 ng new xxx(project name) 创建一个 angular 项目，然后安装 bootstap（cd 你的项目文件夹然后使用命令 npm install bootstrap）和font-awesome(npm install awesome) 到我的项目中。
此外，在VS2019(community version16.3.7)和Intelliense中打开bootstrap和font-awesome as文件夹效果很好，如下图所示：
Bootstrap
字体很棒
所以我猜这个问题与您的 VS 设置、环境或您创建 angular 项目所采取的步骤有关。
建议
注意：请检查您是否安装了工作负载Node.js development和ASP.NET and web development.
1.reset你的VS设置(工具-->导入和导出设置...-->重置所有设置) 以确保设置不会干扰智能感知的使用。
2.start VS2019 devenv /safemode 以防它们干扰智能感知。
3.create angular VS2019 中的核心 Web 应用程序，用于检查 intelliense 是否正常运行。如果它运行良好，则问题可能出在您最初的 angular 项目中。不是，也许 Intelliense 组件坏了。
>>尝试在 VS Installer 中进行修复
另外，如果npm和vs2019都不是最新版本，请更新一下
我遇到了同样的问题，我注意到 styles.css 也没有包含在 Intellisense 中。
我不得不：
而不是在文件夹中工作- 创建一个新的空白解决方案（创建一个新项目 > 搜索 "Blank Solution"）
- 右键单击该解决方案并单击 "Add > Existing Web Site..."。
- 浏览到包含 Angular 文件夹的文件夹并单击 "Open"
IntelliSense 现在直接在组件 HTML 中构建。
我读到在项目中包含 node_modules 会使搜索非常慢，但是如果我通过将 node_modules 设为隐藏文件夹来排除它，IntelliSense 将停止为 bootstrap CSS 文件。不过，Styles.css 继续出现。
哦，我也更新了 Visual Studio 到 16.4.5.
如果您只包括位于“\ClientApp\node_modules”文件夹中的 bootstrap 文件夹，bootstrap 的 IntelliSense 在您的 ( *.html 和*.css ) Visual studio 2019 .Net Core 中的文件，其中包含一个 angular 项目。 为了做到这一点：
- 在解决方案资源管理器中单击“显示所有文件” Here
- 现在，您可以看到 node_modules 文件夹，颜色为浅灰色。
- 打开该文件夹并右键单击 bootstrap 文件夹 并单击 Include In Project
- 然后使用 visual studio 关闭并再次打开您的项目 here
它适用于 Visual Studio 2019、.NET Core5、Angular 11.