VS 코드에 체크글로벌 JavaScript 라이브러리를 입력하여 코드를 배우고 작성하기만 하면 되는 시기를 결정합니다.

6629 단어 vscodejavascripttensorflowjstypescript
저는 여가 시간에 인공지능/기계 학습을 조금 배웠습니다. 최근에 저는 Tensorflow JS를 조금 배우기 시작했습니다.TensorflowJS를 가장 빠르고 간단하게 가져오는 방법은 좋은 오래된 스크립트 표시입니다.실험과 원형 설계를 할 때, 도구를 구축하는 데 시간을 낭비하고 싶지 않다.
이 강좌는 TensorflowJS에 기본 유형 검사를 설정하는 방법을 설명하지만, TypeScript 문서가 있는 전역 라이브러리에 적용해야 합니다.생산 프로젝트를 구축할 때, 당신은 구축 도구를 고려하기를 원할 수도 있지만, 기계 학습 실험에 대해, 나는 당신이 문서와 예시를 사용하여 인코딩만 하고 싶다는 것을 발견했다.
이 글은 TypeScript를 완전히 사용하지 않은 상태에서 CDN의 파일을 사용하여 원형 제작을 하고 TypeScript의 일부 기능을 선택하여 학습 라이브러리를 돕는 방법을 설명한다.
TensorflowJS를 다음과 같이 로드할 수 있습니다.
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest"></script>
이렇게 하면 라이브러리를 전역window의 대상으로 사용할 수 있다tf예컨대
window.tf // the Tensorflow library
이렇게 하면 Tensorflow를 사용할 때 IDE/편집기에서 자동으로 완성되지 않습니다. ES6 가져오기나 일반적인 JS Require 문장을 사용하는 것과 달리 VS 코드 (또는 다른 코드) 는 분석할 가져오기 인용이 없습니다.
코드를 수정하지 않지만, 당신에게 좋은 유형 검사와 학습 라이브러리의 진정한 장점: 내연 문서, 이거 대박입니다.

Whilst this tutorial explains how to enable type-checking and library documentation in VS Code, it may work for other IDEs, the reason VS Code is so great here is its built in TypeScript support.


전역 라이브러리에서 유형 검사


디렉토리를 만들고 VS 코드에서 엽니다.

If you don't have it yet, you can download VS Code over here.


스크립트 가져오기 두 개, 라이브러리 한 개, 코드 한 개가 포함된 index.html라는 간단한 HTML 파일을 만듭니다.
이 강좌에서, 우리는 실제로 서버에서 이 파일을 시작하여 브라우저에 불러오지 않지만, 완전하게 보기 위해서, 나는 그것을 넣을 것이다.
<!DOCTYPE html>
<html lang="en">
  <head>
  </head>
  <body>
    <script src='https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest'></script>
    <script src="./index.js"></script>
  </body>
</html>
내가 아는 바에 의하면, 형식 검사가 HTML 파일에서 작동하지 않는 것처럼 보이지 않는 단독 index.js 을 만드는 이유는 <script> 을 만드는 것이다.만약 그것이 쉽게 일을 할 수 있는 방법이 있다면, 나는 매우 알고 싶다.
만약 당신이 아직 없다면, 우선 디렉터리에서 NPM 프로젝트를 초기화할 수 있습니다. 전역 라이브러리 -g 를 사용하여 NPM 프로젝트가 없는 상황에서 이 작업을 완성할 수 있습니다. 그러나 저는 아직 시도해 본 적이 없습니다.

If you don't have NodeJS and NPM installed you can download it here: https://nodejs.org/en/.


TensorflowJS 라이브러리를 설치합니다. 라이브러리의 코드를 사용하지 않습니다. 이것은 NPM 모듈에 첨부된 유형을 인용하기 위해서입니다.
npm i @tensorflow/tfjs
다음에 우리는 TypeScript declaration file를 만들 것이다.
이 파일에서 TypeScript에 Tensorflow JS 라이브러리는 전역 Window 인터페이스에 tf 라는 변수가 있음을 알려 줍니다.index.d.ts라는 파일을 만듭니다.
interface Global {
    tf: typeof import("@tensorflow/tfjs")
}

interface Window extends Global {
}
현재, 최종적으로 index.js 만들고 그것을 엽니다.
파일의 맨 위에 다음 항목을 배치합니다.
/// <reference path="../index.d.ts" />
const tf = window.tf;

If you want find out more about the notation with the triple-slashes, you can find out more in the TypeScript documentation


지금 신기한 것은 네가 타자를 칠 때 자동으로 완성된다는 것이다. 예를 들어, 네가 입력을 하면 tf. 조언을 받을 수 있을 것이다🥳.

그러나 여기서 정말 기묘한 것은 이 라이브러리를 배우고 있다면, 라이브러리 작성자가 좋은 함수 문서를 제공하면 편집기에서 그것을 찾을 수 있다는 것이다.

간단한 유형 검사 추가


또한 파일에 개별 주석이 있는 엄격한 유형 검사를 추가할 수 있습니다.
색인에 있습니다.js는 다음 내용을 파일 맨 위에 추가합니다.
// @ts-check
코드를 작성할 때 다음과 같이 유형 경고가 표시됩니다.

축하합니다. 당신은 이미 TypeScript를 채택했습니다.
원한다면 index.d.ts에서 자신의 유형을 정의할 수도 있습니다.
소규모 TypeScript를 사용하는 방법에 대해 더 알고 싶다면, 이것은 하나의 프로젝트에서 TypeScript를 사용하는 다양한 '정도' 를 보여주고, '전부 투입' 할 필요가 없다는 것을 보여주는 아주 좋은 동영상이다.

TensorflowJS 배우기


만약 당신이 기계 학습/Tensorflow에 대해 더 많은 것을 알고 싶다면, 나는 그의 Learn with Jason 시리즈에서 깨우침을 얻을 것이다. 나는 (뚜렷하지 않으면) 강력히 추천한다.이 시리즈의 가장 좋은 일 중 하나는 폐쇄식 자막을 제공하여 모든 사람이 이 내용에 더욱 쉽게 접근할 수 있도록 하는 것이다🎉.
본문을 작성할 때 기계학습과 TensorflowJS와 관련된 세 가지 과정이 있는데 그 중 하나이다.
나는 이 책을 잘 읽었으면 좋겠다. 만약 네가 나의 작품을 더 많이 읽고 싶다면 트위터에 나를 팔로우하거나 나에게 coffee를 주어라. 네가 원한다면.☕.
poj3666Making the Grade [dp 이산화]
짧은 내용: 암호를 붙여넣겠습니다!

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage