在 Visual Studio 2017 中设置 Angular 4答案

【问题标题】：Setup Angular 4 in Visual Studio 2017在 Visual Studio 2017 中设置 Angular 4
【发布时间】：2019-01-03 13:21:17
【问题描述】：

我想使用 Visual Studio 2017 开发 Angular Web 应用程序。我创建了一个新项目，选择带有空模板的 Asp.net Web 应用程序。

现在我对需要从所附屏幕截图复制/包含到项目中的文件有点困惑。

谁能帮我确定所需的文件及其用途。

【问题讨论】：

node_modules 和 package-lock 是在执行 npm install 时生成的，因此您可以忽略它们。
@vishu minhas - 我想，Visual Studio 2017 的功能比代码多。我不确定我应该使用代码还是 2017 IDE，因为我是 .net 开发人员并且是 Angular 的新手。
如果你想让事情变得更简单，请看这个：docs.microsoft.com/en-us/aspnet/core/client-side/spa/…

【解决方案1】：

这是您项目的工作区：您将找到有关结构here的更多信息

【讨论】：

【解决方案2】：

您可以使用 Angular CLI 生成创建 Angular 项目所需的文件，使用命令：

ng new NameOfProject

我更喜欢使用 VS 代码编辑器来控制 Angular 脚本并使用 VS IDE 与服务器端交互。

您可以将所有 Angular 文件放在项目的根目录中。

【讨论】：

@Dipak Delvadiya - 你能帮我理解下一行吗？ “我更喜欢使用 VS 代码编辑器来控制 Angular 脚本并使用 VS IDE 与服务器端交互”。我们是否需要为客户端和服务器端代码使用单独的 IDE。即客户端 - VS Code 和服务器端 - VS 2017。
如果您想更好地处理您的代码（个人偏好），您可以使用 vs 代码处理 Angular 脚本（客户端）以生成组件、服务等......使用 vs 代码将赋予您能力为了在使用自动导入等扩展时加快编码速度，您也可以使用集成终端来构建角度脚本，另一方面，您可以使用 vs2017 来处理服务器端。

【解决方案3】：

npm 缓存清理 --force

npm install -g @angular/cli@latest

npm install -g npm

npm install --legacy-peer-deps npm run start:stage

或

npm run start:localapi

【讨论】：