如何在Visual Studio 2013中使用ECMAScript 6语法

Amm*_*han 39 ecmascript-6 visual-studio-2013

我有兴趣在我使用Visual Studio 2013开发的Web应用程序中使用ECMAScript 6功能.目前语法似乎不起作用,如何配置VS使其工作?

Ole*_*Aza 49

如果您在VS 2013中安装了Resharper - 从今天开始,您可以切换到使用ES6:

在此输入图像描述

  • @JamesReategui你需要关闭VS语法检查.http://i.imgur.com/RCdK7Od.png然后语法错误就会消失. (7认同)
  • 请注意,此选项仅在最新版本的ReSharper(9.1)中可用.之前的版本*不会*显示"JavaScript语言级别"选项. (4认同)
  • 刚试过这个,但基本的ES6之类的东西,如导入,导出,类,仍然显示为语法错误......猜猜他们仍然在努力. (2认同)
  • @GregGum - 刚试过关闭VS语法检查,效果更好,谢谢. (2认同)

Tra*_*er1 4

过去几年我为 VS 解决方案所做的就是安装最新版本的Node.js。

从那里,我将创建一个_buildscripts包含文件的目录package.json。(注意:请确保private:true在 package.json 中进行设置)

完成后,我将拥有一个 prebuild.cmd (设置为我的项目的预构建脚本),其内容类似于以下内容......

:CHANGE_TO_CURRENT_DIRECTORY
rem Change to this batch file's drive/directory
CD /D "%~dp0"

:INSTALL NODE DEPENDENCIES AND INSTALL - use call, since it's a batch/cmd file
call npm install

:SET YOUR "start" SCRIPT IN package.json TO BE YOUR BUILD
:   such as .... "start":"gulp"
call npm start
Run Code Online (Sandbox Code Playgroud)

从这里,您可以设置gulptraceurbrowserify和/或其他针对较新 javascript 概念的工具。

我使用的是 git,因此检测新的/更新的文件比使用 TFS 容易得多,但您至少可以编写脚本检查转译的 JavaScript 的输出目录。

您还可以使用watchifygulp-watchify 等工具来处理实时编辑(通过终端窗口)。

我意识到这个答案让你远远超出了VS的集成工具,有一些集成工具,比如chirpy和其他可以做这些事情的工具,但我的经验是它们低于我的需求,而且我一直在做最近有更多节点开发。