JavaScript i TypeScript w programie Visual Studio

Visual Studio zapewnia zaawansowaną obsługę programowania w języku JavaScript, zarówno przy użyciu języka JavaScript bezpośrednio, jak i języka programowania TypeScript. Język TypeScript został opracowany w celu zapewnienia bardziej wydajnego i przyjemnego środowiska programistycznego języka JavaScript, zwłaszcza podczas tworzenia projektów na dużą skalę. Możesz napisać kod JavaScript lub TypeScript w programie Visual Studio dla wielu typów aplikacji i usług.

Usługa językowa JavaScript i TypeScript

Domyślnie Visual Studio obsługuje środowisko JavaScript i TypeScript z wbudowanym zestawem TypeScript SDK, który udostępnia kompilator i usługę językową. Ten zestaw SDK jest przeznaczony głównie dla scenariuszy edycji języka JavaScript, w których projekt nie ma zainstalowanej własnej wersji języka TypeScript.

Począwszy od Visual Studio 2026 r., wbudowany zestaw SDK używa natywnego kompilatora Języka TypeScript 7, natywnego portu kompilatora i narzędzi języka TypeScript, który przynosi znaczne ulepszenia wydajności. Zauważysz szybsze działanie funkcji IntelliSense i autouzupełnianie, szybszą diagnostykę błędów, szybsze ładowanie projektów oraz większą responsywność funkcji, takich jak Znajdź wszystkie odwołania i Przejdź do definicji. Aby uzyskać więcej informacji, zobacz TypeScript 7 Beta Now Enabled by Default (Włączone domyślnie).

Używanie innej wersji języka TypeScript dla usługi językowej

Jeśli projekt ma zainstalowaną lokalną wersję języka TypeScript (za pośrednictwem narzędzia npm lub NuGet), Visual Studio używa tej wersji dla usługi językowej zamiast wbudowanego zestawu SDK.

• Aby użyć języka TypeScript 6.x (GA), zainstaluj pakiet npm języka TypeScript w projekcie:

  npm install -D typescript@^6.0.0
  

• Aby przypisać konkretną natywną wersję zapoznawczą TypeScript 7, zainstaluj pakiet @typescript/native-preview:

  npm install -D @typescript/native-preview@beta
  

Aby całkowicie wyłączyć natywną usługę językową TypeScript 7, przejdź do pozycji Narzędzia>Opcje>Funkcje w wersji zapoznawczej i wyszukaj frazę „podgląd natywny”. Wyłącz opcję Włącz podgląd natywnej usługi językowej JavaScript/TypeScript, a następnie uruchom ponownie program Visual Studio.

Obsługa języka TypeScript

Domyślnie Visual Studio zapewnia obsługę języków dla plików JavaScript i TypeScript w celu zasilania funkcji IntelliSense bez żadnej określonej konfiguracji projektu. W przypadku kompilowania języka TypeScript program Visual Studio zapewnia elastyczność wybierania wersji języka TypeScript, która ma być używana dla poszczególnych projektów.

W scenariuszach kompilacji msBuild, takich jak ASP.NET Core, pakiet NuGet TypeScript jest zalecaną metodą dodawania obsługi kompilacji języka TypeScript do projektu. Visual Studio umożliwia dodanie tego pakietu przy pierwszym dodaniu pliku TypeScript do projektu. Ten pakiet można również dodać w dowolnym momencie za pośrednictwem menedżera pakietów NuGet. W przypadku korzystania z pakietu NuGet odpowiednia wersja usługi językowej jest używana do obsługi języka w projekcie.

Projekty skonfigurowane dla programu npm, takie jak projekty Node.js, mogą określać własną wersję usługi językowej TypeScript, dodając pakiet npm języka TypeScript. Wersję można określić przy użyciu menedżera npm w obsługiwanych projektach.

Oddzielnie dostępny zestaw TYPEScript SDK nie jest już dostępny w witrynie Visual Studio Marketplace. Zamiast tego użyj pakietu NuGet lub npm.

Szablony projektu

Visual Studio zawiera typ projektu JavaScript/TypeScript (.esproj) o nazwie JavaScript Project System (JSPS), którego można używać do tworzenia samodzielnych projektów Angular, React i Vue w programie Visual Studio. Te projekty front-endowe są tworzone przy użyciu narzędzi CLI platformy zainstalowanych na komputerze lokalnym, dzięki czemu możesz wybrać wersję szablonu. Aby przeprowadzić migrację z istniejących projektów Node.js do nowego systemu projektów, zobacz Migrowanie projektów Node.js. Aby uzyskać informacje o programie MSBuild dla nowego typu projektu, zobacz właściwości MSBuild dla struktury JSPS.

W tych nowych projektach można uruchamiać testy jednostkowe JavaScript i TypeScript, łatwo dodawać i łączyć projekty interfejsu API ASP.NET Core oraz pobierać moduły npm przy użyciu menedżera npm. Zapoznaj się z niektórymi przewodnikami szybkiego startu i samouczkami, aby rozpocząć pracę. Aby uzyskać więcej informacji, zobacz Samouczki programu Visual Studio | JavaScript i TypeScript.

Program Visual Studio 2022 zapewnia bogatą obsługę programowania w języku JavaScript, zarówno przy użyciu języka JavaScript, jak i języka programowania TypeScript, który został opracowany w celu zapewnienia bardziej wydajnego i przyjemnego środowiska programistycznego Języka JavaScript, zwłaszcza podczas tworzenia projektów na dużą skalę. Możesz napisać kod JavaScript lub TypeScript w programie Visual Studio dla wielu typów aplikacji i usług.

Usługa językowa JavaScript

Środowisko JavaScript w programie Visual Studio 2022 jest napędzane przez ten sam silnik, który zapewnia obsługę TypeScript. Ten silnik zapewnia lepsze wsparcie dla funkcji, bogactwo i integrację od razu po wyjęciu z pudełka.

Opcja przywrócenia do starszej wersji usługi językowej JavaScript nie jest już dostępna. Użytkownicy mają nową usługę języka JavaScript dostępną od razu po wyjęciu z pudełka. Nowa usługa językowa jest oparta wyłącznie na usłudze językowej TypeScript, która jest obsługiwana przez analizę statyczną. Ta usługa pozwala nam zapewnić lepsze narzędzia, dzięki czemu kod JavaScript może korzystać z bogatszej funkcji IntelliSense na podstawie definicji typów. Nowa usługa jest uproszczona i zużywa mniej pamięci niż starsza usługa, zapewniając lepszą wydajność podczas skalowania kodu. Poprawiliśmy również wydajność usługi językowej w celu obsługi większych projektów.

Obsługa języka TypeScript

Domyślnie program Visual Studio 2022 zapewnia obsługę języków dla plików JavaScript i TypeScript w celu zasilania funkcji IntelliSense bez żadnej określonej konfiguracji projektu.

W przypadku kompilowania języka TypeScript program Visual Studio zapewnia elastyczność wybierania wersji języka TypeScript, która ma być używana dla poszczególnych projektów.

W scenariuszach kompilacji msBuild, takich jak ASP.NET Core, pakiet NuGet TypeScript jest zalecaną metodą dodawania obsługi kompilacji języka TypeScript do projektu. Program Visual Studio umożliwi dodanie tego pakietu przy pierwszym dodaniu pliku TypeScript do projektu. Ten pakiet jest również dostępny w dowolnym momencie za pośrednictwem menedżera pakietów NuGet. W przypadku użycia pakietu NuGet odpowiednia wersja usługi językowej będzie używana do obsługi języków w projekcie. Uwaga: minimalna obsługiwana wersja tego pakietu to 3.6.

Projekty skonfigurowane dla programu npm, takie jak projekty Node.js, mogą określać własną wersję usługi językowej TypeScript, dodając pakiet npm języka TypeScript. Wersję można określić przy użyciu menedżera npm w obsługiwanych projektach. Uwaga: minimalna obsługiwana wersja tego pakietu to 2.1.

Oddzielnie dostępny zestaw TYPEScript SDK nie jest już dostępny w witrynie Visual Studio Marketplace. Istniejące projekty korzystające z zestawu SDK powinny zostać uaktualnione do korzystania z pakietu NuGet.

Szablony projektu

Począwszy od programu Visual Studio 2022, istnieje nowy typ projektu JavaScript/TypeScript (esproj) o nazwie JavaScript Project System (JSPS), który umożliwia tworzenie autonomicznych projektów Angular, React i Vue w programie Visual Studio. Te projekty front-endowe są tworzone przy użyciu narzędzi CLI frameworku zainstalowanych na Twoim komputerze lokalnym, dlatego wersja szablonu zależy od Ciebie. Aby przeprowadzić migrację z istniejących projektów Node.js do nowego systemu projektów, zobacz Migrowanie projektów Node.js. Aby uzyskać informacje o programie MSBuild dla nowego typu projektu, zobacz Właściwości programu MSBuild dla struktury JSPS

W tych nowych projektach można uruchamiać testy jednostkowe JavaScript i TypeScript, łatwo dodawać i łączyć projekty interfejsu API ASP.NET Core oraz pobierać moduły npm przy użyciu menedżera npm. Zapoznaj się z niektórymi przewodnikami szybkiego startu i samouczkami, aby rozpocząć pracę. Aby uzyskać więcej informacji, zobacz Samouczki programu Visual Studio | JavaScript i TypeScript.