SharePoint Framework 개발 환경 설정 방법

1. SharePoint Framework(SPFx)의 개요
SPFx는 JavaScript/CSS가SharePoint 온라인 현대 사이트에 대한 사용자 정의를 가져오는 유일한 메커니즘이다.개발은 JavaScript로 수행됩니다.
SPFx에서 개발할 수 있는 제품은 다음과 같습니다.
웹 위젯
• 뷰에 사용자 지정 명령 추가
• 사용자 정의 뷰에 표시된 열 그리기
・사이트 전체의 두부 개발
• 사이트 전체의 바닥글 개발
· 사이트 전체에 자바스크립트/CSS 포함
2. 환경 설정 프로그램 개발
참조 페이지: https://docs.microsoft.com/ja-jp/sharepoint/dev/spfx/set-up-your-development-environment
　①Node.js. 다음 페이지에서 설치합니다.(.msei 파일)
　　 https://nodejs.org/dist/latest-v10.x/
※ 최신 버전은 14입니다.X.X, SharePoint Framework가 지원되지 않으므로 10.최신 버전의 X.X를 설치하십시오.
　②Node.js.관리자로서 commond proompt를 실행합니다.
③ 필요한 개발 도구를 설치하기 위해 아래 명령을 입력한다.
・npm install yo--global
· npm install glop-global (설치 Gulp)
· npm installyo-global (Yeoman 설치)
· npm install@microsoft/generatr-shortpoint--글로벌(Yeoman을 설치한SharePoint발생기)
④SharePoint 클라이언트의 첫 번째 웹 부품을 만듭니다.
참조 페이지: https://docs.microsoft.com/ja-jp/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part
(예) 다음 웹 부품을 작성할 때 Hello World로 표시됩니다.
I. 디렉토리를 만들려면 임의의 위치에서 다음 명령을 사용합니다.
　　　md helloworld-webpart
II, I에서 생성된 디렉토리로 이동합니다.
　　　cd helloworld-webpart
Ⅲ. Yeoman의 SharePoint 실행 발생기, 새로운 HelloWorld의 웹 위젯을 제작합니다.
　　　yo @microsoft/sharepoint
IV. 대화상자가 표시되어 있으므로 다음을 수행합니다.
・What is your solution name?
　　　　→helloworld-webpart
・Which baseline packages do youwant to target for your component(s)?　　　　
→SharePoint Online only (latest)
Where do 나는 영원히 너와 함께 춤을 출 거야?
　　　　→Use the current folder
・ Do you want to allow the tenant admin the choice of being able to deploy the solution to all sites immediary without runningany feature deployment or adding apples in sites, 그리고 63?
　　　　→No
• Will the components in the solution require perissions to access 웹 APIs theat are unique와 not shorted with other components in the tenant?
　　　　→No
・Which type of client-side component to create?
　　　　→WebPart
・What is your Web partt name?
　　　　→HelloWorld
・What is your Web part description?
　　　　→HelloWorld description
・Which framework woldyou like to use?
　　　　→No JavaScript framework
⑤ 다음 명령을 사용하여 개발자가 사용할 자체 서명 인증서를 받습니다.
・glop trust-dev-cert
※ SharePoint Frame Work Yeoman Generation은 프로젝트를 만든 후 프로젝트의 루트 폴더에서 수행됩니다.
⑥ 다음 명령을 입력하여 개발 환경 열기
・glop serve