如何在 Visual Studio 中使用 ember cli答案

【问题标题】：How to use ember cli with visual studio如何在 Visual Studio 中使用 ember cli
【发布时间】：2015-10-02 19:49:43
【问题描述】：

我想在 Visual Studio 2013 中使用 Ember。首先我followed this 设置服务器/api，并创建一个新项目，如果我在 Windows 的控制台上尝试它就可以了。

但是如果我尝试在 Visual Studio 中运行它会出现错误，首先，命令 ember init 创建的新目录在我的 Visual Studio 项目中不可见。

第二次运行它，我得到这个错误：HTTP 403.14 - Forbidden The server is not configured to ..

Windows 控制台的 localhost 和 Visual Studio 的 localhost 不同。当我运行ember serve 时，我得到以下信息：

version: 1.13.1
Livereload server on http://localhost:35729
Serving on http://localhost:4200/

Build successful - 19116ms.

Slowest Trees                                 | Total
----------------------------------------------+---------------------
TreeMerger (appAndDependencies)               | 4043ms
TreeMerger (ExternalTree)                     | 3875ms
Concat: Vendor                                | 3533ms
TreeMerger (vendor)                           | 1524ms
Funnel                                        | 1161ms

Slowest Trees (cumulative)                    | Total (avg)
----------------------------------------------+---------------------
TreeMerger (appAndDependencies) (1)           | 4043ms
TreeMerger (ExternalTree) (1)                 | 3875ms
Concat: Vendor (1)                            | 3533ms
Funnel (32)                                   | 2350ms (73 ms)
TreeMerger (vendor) (1)                       | 1524ms

在 Visual Studio 上我有这个：http://localhost:63551/

我需要做什么才能让 ember-cli 项目在 Visual Studio 中运行？

【问题讨论】：

标签： ember.js visual-studio-2013 ember-cli

【解决方案1】：

更新： 正如在 github 上看到的： https://github.com/ember-cli/ember-cli/issues/3746

简而言之：使用 nodejstools、npm@3、ember-cli-windows、PowerShell 作为管理员，你会玩得很开心的。

原始答案：

Ember-cli 默认有自己的服务器，所以它不会自动出现在Visual Studio IIS服务器，可以重定向ember-cli 花椰菜构建输出 (dist folder) 到 Visual Studio IIS 为托管和 ember 用于构建和 livereload。
1. 我认为在VS2013 web 类型项目中，您需要在解决方案资源管理器中单击show all files
  为了查看新文件并将它们添加到项目中。
2. 确保将服务器配置为以 index.html 开头或将其插入网址中。

旁注：

注意tmp, bower and node 文件夹，因为 VS 会挂起尝试分析它们

VS 2013 不支持 ecmascript 6 （与 VS2015RC 相同），据我所知，它不支持导入和导出，所以我建议在 VS 团队实施之前使用像 sublime 这样更轻的东西。
- 或者不要使用ember-cli，只需将ember 与 grunt 或 glup 之类的东西一起使用。

我认为最流行的方法是使用轻量级编辑器结合命令行和Visual Studio 用于 API 代码库

祝你好运

【讨论】：

【解决方案2】：

我需要做什么才能让 ember-cli 项目在 Visual Studio 中运行？

由于文件名长度问题，让 ember-cli 和 Visual Studio 一起玩几乎是不可能的。

nodejstools 使 VS 能够了解长文件名（否则，VS 将在 ember-cli-babel 上中断）
无法在同一个 mvc5 解决方案中添加 ember-cli，目前看来只是作为另一个项目，但可以在同一个解决方案中。
认为您想要 git 忽略签入到 TFS 的节点模块（我确定它会中断）。 - 然后，另一个开发人员要获得最新版本，就必须运行 npm update 来恢复丢失的包。
确保使用 beta npm 更好地处理平面文件。

您需要先从安装的 nugget 中获取 https://www.visualstudio.com/features/node-js-vs。

然后新建一个项目，我选择的是MVC5 web api。

之后在提升的 powershell 中导航到解决方案文件夹并运行，这将创建一个名为“fire”的新 ember 应用程序：

ember new fire

喝杯咖啡或啤酒，或两者兼而有之……

接下来右键解决方案>添加现有网站>选择fire文件夹

返回 powershell 运行：

ember server

拍拍自己的后背，不要告诉 M$，他们还不知道。如果您告诉 M$，他们可能没有任何理由解决持续存在的文件名长度问题，但可能并不重要，因为他们似乎没有兴趣。

如果你做到了这一点，请休息一天！

【讨论】：