[ SharePoint Framework ] 3. Set up your SharePoint Framework development environment

Install NodeJS

Install NodeJS LTS version 10.

• Windows를 사용하는 경우는 링크의 msi installers를 사용해서 쉽게 node.js를 사용할 수 있습니다.
• 이미 node.js가 설치되어 있다면 -v로 버전이 맞는지 확인하세요. ( version 10.20.1. ) 

Install a code editor

클라이언트 측 개발을 지원하는 코드 편집기 또는 IDE를 사용하여 웹 파트를 빌드 할 수 있습니다.

• Visual Studio Code
• Atom
• Webstorm

Install Yeoman and gulp

 

Yeoman은 웹 애플리케이션을위한 오픈 소스 클라이언트 측 스캐 폴딩 툴입니다. Yeoman은 Node.js 용으로 작성된 명령 행 인터페이스로 실행되며 시작 템플리트 생성, 종속성 관리, 단위 테스트 실행, 로컬 개발 서버 제공 및 배치를위한 프로덕션 코드 최적화와 같은 여러 기능을 한 곳에 결합합니다. SharePoint 클라이언트 쪽 개발 도구에는 새 웹 파트를 만들기위한 Yeoman 생성기가 포함되어 있습니다. 생성기는 테스트를 위해 웹 파트를 호스팅하기위한 공통 빌드 도구, 공통 상용구 코드 및 공통 놀이터 웹 사이트를 제공합니다.

 

npm install -g yo gulp

Install Yeoman SharePoint generator

Yeoman SharePoint 웹 파트 생성기는 올바른 툴체인과 프로젝트 구조로 SharePoint 클라이언트 측 솔루션 프로젝트를 신속하게 생성 할 수 있도록 도와줍니다. SharePoint Framework Yeoman 생성기를 전체적으로 설치하려면 다음 명령을 입력하십시오.

npm install -g @microsoft/generator-sharepoint

 

For more information about the Yeoman SharePoint generator, see Scaffold projects by using Yeoman SharePoint generator.

Install a modern web browser

개발 브라우저로 Edge, Chrome 또는 Firefox와 같은 최신 웹 브라우저를 사용해야합니다. 로컬 워크 벤치는 Internet Explorer 11 사용을 지원하지 않습니다.

Trusting the self-signed developer certificate

 

개발 환경에서 사용자 지정 솔루션을 테스트 할 때 사용되는 SharePoint Framework의 로컬 웹 서버는 기본적으로 HTTPS를 사용합니다. 이것은 개발 자체 서명 SSL 인증서를 사용하여 구현됩니다. 자체 서명 SSL 인증서는 개발자 환경에서 신뢰하지 않습니다. 먼저 인증서를 신뢰하도록 개발 환경을 구성해야합니다. 유틸리티 작업은 모든 SharePoint Framework 프로젝트에 gulp 작업 형식으로 포함됩니다. 지금이 작업을 수행하거나 첫 번째 SharePoint 클라이언트 측 웹 파트 구축 (Hello World 1 부) : 웹 파트 자습서 미리보기에 설명 된대로 첫 번째 프로젝트를 만들 때까지 기다리십시오. SharePoint 프레임 워크 용 Yeoman 생성기를 사용하여 프로젝트를 작성한 후에는 프로젝트의 루트 폴더에서 다음 명령을 실행하십시오.

gulp trust-dev-cert

Optional tools

Following are some tools that might come in handy as well:

• Fiddler
• Postman
• Windows Terminal
• Cmder for Windows
• Oh My Zsh for Mac
• Git source control tools