DEV Community

Cover image for Quickly set up a SharePoint Framework(SPFx) development environment
FakeStandard
FakeStandard

Posted on • Edited on

Quickly set up a SharePoint Framework(SPFx) development environment

開始建立 SPFx 專案之前,必須先設置開發環境,Let'e go!

Step 1 安裝最新版的 Node.js v16,完成後在 console 使用以下指令檢查當前版本

node --version
Enter fullscreen mode Exit fullscreen mode

Step 2 安裝編輯器,我選擇 VS Code

Step 3 在全域範圍安裝必要的工具

npm install gulp-cli yo @microsoft/generator-sharepoint --global
Enter fullscreen mode Exit fullscreen mode

Step 4 安裝 Gulp

npm install gulp-cli --global
Enter fullscreen mode Exit fullscreen mode

Step 5 安裝 Yeoman

npm install yo --global
Enter fullscreen mode Exit fullscreen mode

Step 6 安裝 Yeoman SharePoint 生成器

npm install @microsoft/generator-sharepoint --global
Enter fullscreen mode Exit fullscreen mode

Step 7 最後,必須信任自簽證書

gulp trust-dev-cert
Enter fullscreen mode Exit fullscreen mode

基本的環境設置到這裡算是完成了,下一篇文章會介紹如何建立專案,下次見!


Reference

Set up your SharePoint Framework development environment


Thanks for reading the article 🌷 🌻 🌼

If you like it, please don't hesitate to click heart button ❤️
or follow my GitHub ⭐ I'd appreciate it.


Top comments (0)