启动一个 Angular 4 应用程序 - 什么编辑器？答案

【问题标题】：Start an angular 4 application - What editor?启动一个 Angular 4 应用程序 - 什么编辑器？
【发布时间】：2017-11-01 11:43:16
【问题描述】：

我正在学习 Angular 4，我想开始一个新项目，建议使用哪种编辑器，以及在架构方面？

【问题讨论】：

这个Q最适合a different Stack forum。我怀疑有一个“最佳”答案。我自己的项目分为两个项目。一个前端 Angular 项目，一个后端 PHP 项目。不过，它们都由 PhpStorm IDE 处理。

【解决方案1】：

我已经使用 Visual Studio 代码开发了前端和后端。我用这个模板https://github.com/damienbod/AngularWebpackVisualStudio/blob/master/README.md

我的项目看起来像这样https://github.com/JanneHarju/MultiSourcePlayList 而且我只在我的 MacBook 中使用 Visual Studio Code。

但有人可能会说您至少应该将它们分开到单独的文件夹中。使用这个模板可以做到这一点，您只需要修改一点 webpack 配置。

【讨论】：

【解决方案2】：

我目前看到 2 个主要选项。

来自 MS 的 Dotnet 角度样板

基本上它是 ASP.NET Core 项目中的 Angular 4 项目。它遵循与任何 ASP.NET Core 项目相同的文件夹结构 + 它具有您的应用程序所在的 ClientApp 文件夹。一切都是用 Webpack 构建的，你有 2 个配置：供应商和客户端。

在这种情况下，您在 VS 2017 中开发。我在这里看不到任何其他选项。

Angular CLI 项目 + ASP.NET Core Web API

这是我最喜欢的设置。您有 2 个完全独立的项目，您可以在自己喜欢的 IDE 中构建后端和前端。我更喜欢 Web UI 开发的是 WebStorm：https://www.jetbrains.com/webstorm/。它是付费的，但这个价格对于功能来说不算什么。

缺点/优点/想法

从后端来看没有区别。

从部署点来看，部署单个项目更容易。对于 ASP.NET Core，它几乎是一键发布到 Azure。使用单个项目进行构建也更容易。

从配置角度来看，配置 Angular CLI 更容易。它封装了 webpack.config 文件，并为您提供了一种非常方便的方式来管理诸如应该放入资产中的内容、使用哪个 CSS preproc 等内容。

从您绑定到 Windows 10 的第一个设置的开发环境开始。我是 Mac 用户，尽管我的 Mac 上同时安装了 Windows 和 MacOS，因为我在这两种环境中都进行开发；而且我可以说 VS for Mac 还没有准备好进行可靠的开发。

所以选择权在你！ :) 但我的信念是，您可以使用任何这些设置构建很酷的应用程序。最后是相同的代码;)

【讨论】：