Skip to content

Latest commit

 

History

History
70 lines (62 loc) · 2.03 KB

README.md

File metadata and controls

70 lines (62 loc) · 2.03 KB
Raw

spfx-pnp-env

Development Environment for SPFx and PNP

  1. NodeJS LTS

    1. Yeoman
    npm install -g yo gulp
    1. Yeoman Sharepoint generator
    npm install -g @microsoft/generator-sharepoint

  2. VSCode

    VSCODE PLUGINS

    1. One Dark Pro
    2. EsLint
    3. Babel Javascript
    4. Debugger for Chrome
    5. Beautify
    6. TSLint
    7. vscode-icons
    8. Markdown All in One

  3. CMder

Integrate with VSCode

  • create file "<< PATH_TO_CMDER >>\vscodeconsole.bat"
  • Add content:
@echo off
SET CMDER_ROOT=<< PATH_TO_CMDER >>
"%CMDER_ROOT%\vendor\init.bat"
  • Open VSCode->File->Preferences->settings
  • Edit USER SETTINGS
  • add line below
 "terminal.integrated.shellArgs.windows": 
 ["/K", "<< PATH_TO_CMDER_ESCAPED >>\\vscodeconsole.bat"]
  • to avoid local development environment SSL errors on Chrome:
  • Edit : "<< PATH_TO_CMDER >>\config\user-profile.cmd"
  • Replace content with:
:: use this file to run your own startup commands
:: use  in front of the command to prevent printing the command

:: call "%GIT_INSTALL_ROOT%/cmd/start-ssh-agent.cmd"
:: set "PATH=%CMDER_ROOT%\vendor\whatever;%PATH%"
printf "cmder is setting ENV NODE_NO_HTTP2=1\n"
set NODE_NO_HTTP2=1
printf "ENV has been set"

Example for partial clone from spfx repository

Note that minimum Git v2.19 is required

git clone --depth 1 --no-checkout --filter=blob:none https://github.com/SharePoint/sp-dev-fx-webparts.git
cd sp-dev-fx-webparts
git checkout master -- samples/react-calendar-feed

References