Hỗ trợ ES6/ES7 trong Visual Studio 2015 Community

Question

Tôi nghe nói rằng VS 2015 đang hỗ trợ cú pháp js mới nhưng khi tôi mở một dự án được viết bằng aurelia.js trong IDE intellisense này thì phàn nàn về nhiều thứ, ví dụ như.

export class UpperValueConverter { 
    toView(value){ 
    return value && value.toUpperCase(); 
    } 
} 

Tôi đã cài đặt WebEssentials 2015. Vẫn không có gì có vẻ để làm việc ... Có lẽ một thông tin quan trọng là cài đặt VS hiện tại của tôi là một tươi, vì vậy tôi đã không mess lên bất kỳ cài đặt.

Answer 1

Tôi gặp sự cố này trong tệp .jsx, studio trực quan 2015 đang sử dụng plugin react-tools để phân tích cú pháp và làm nổi bật lỗi cú pháp.

tôi không thể tìm thấy câu hỏi tôi đã nhận này từ bây giờ, nhưng ai đó nói để thay đổi một dòng trong tập tin sau đây:

C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\react-server\server.js 

Thay đổi dòng sau:

var transformed = reactTools.transformWithDetails(code, { elementMap: true }); 

Để:

var transformed = reactTools.transformWithDetails(code, 
    { elementMap: true, 
     es6module: "--es6module", 
     harmony: "--harmony", 
     nonStrictEs6module: "--non-strict-es6module" }); 

Tôi đã thêm tùy chọn nonStrictEs6module và hiện tại nó không cảnh báo tôi qua hầu hết mọi thứ trừ mũi tên chức năng được giao trực tiếp:

Nó sẽ được tốt đẹp nếu chúng ta có thể bằng cách nào đó tôi quản lý để trao đổi trên các react-tools chuyển đổi cho một biến babel stage-1, hãy kiểm tra câu trả lời của tôi here :-)

Answer 2

Tôi nghĩ vấn đề là mẫu dự án nodeJS. Tôi đã tạo một dự án web trống và sử dụng git bash để chạy các lệnh jspm của tôi. Khi tôi thêm một tập tin js tôi vẫn nhận được một vài vấn đề cú pháp nhưng nó nhận ra hầu hết các cú pháp mới.

Answer 3

Để sử dụng cú pháp ES6/ES7 mới, bạn phải sử dụng transpiler. Bạn có ba tùy chọn Traceur, Babel hoặc TypeScript. Chúng sẽ chuyển cú pháp mới sang cú pháp ES5 hiện tại mà các trình duyệt hiện tại hỗ trợ. Aurelia có hỗ trợ tốt cho Babel hoặc TypeScript.

Visual Studio 2015 bao gồm TypeScript 1.5. Vì vậy, bạn phải tạo một tệp TypeScript (.ts) thay vì Javascript tệp (.js). TypeScript sẽ chuyển nó thành tệp ES5 .js. Tệp .js là tệp chạy trong trình duyệt.

Khi bạn mở tệp Javascript trong Visual Studio, nó sẽ xử lý tệp này dưới dạng tệp Javascript ES5 Javascript và không phải là tệp Javascript ES6/ES7, vì vậy nếu bạn muốn sử dụng Babel thì bạn sẽ gặp lỗi cú pháp trong trình chỉnh sửa.

Answer 4

Điều tốt nhất tôi có thể đề nghị là

WebCompiler. Cách dễ nhất và đẹp nhất để viết ES6 hoặc LESS hoặc TypeScript, v.v.

Cách dễ nhất và mạnh nhất để biên dịch các tệp LESS, Scss, JSX và CoffeeScript trực tiếp trong Visual Studio hoặc thông qua MSBuild.

Answer 5

Javascript là một ngôn ngữ. ES6 là một phiên bản của Javascript. Microsoft đã không cung cấp một tệp ánh xạ intellisense cho nó. Các đề xuất trên bài đăng này đề xuất sử dụng các khung/API javascript cung cấp các tệp ánh xạ intellisense. Những đề xuất này không trả lời câu hỏi về cách ngừng nhận các lỗi intellisense cho các phiên bản Javascript mới. Trừ khi ai đó tạo tệp ánh xạ đó và cung cấp URL cho chúng tôi tham chiếu từ Visual Studio/tools/Javascript/Intellisence/references, bạn sẽ gặp lỗi cú pháp khi viết thẳng Javascript của ES6.