1. Official website
2. VSCode and Visual Studio 2019
Visual Studio download address
Do not check the workload first, install directly
3. Install nvm
Visit the download address to download and install nvm:
Baidu cloud sharing
official website direct installation link
nvm's github release interface download nvm-setup.exe
GitCode mirror download nvm-setup.exe (login to get the download link, the download link is still from Github, the only function is to select version soon)
4. Configure nvm
nvm install ltsInstall the latest version of Node.js, this article is to 18.16.0
nvm install ltsenable this version
to run cmd /c "nvm -v && node -v && npm -v", the normal output version number indicates that the installation is complete
5. Install git
Ali Mirror , GitClone , git official website
Possible file names:Git-2.40.0-64-bit.exe
6. Clone the project (with examples)
run git clone https://github.com/microsoft/reactxp
orgit clone https://gitclone.com/github.com/microsoft/reactxp
7. Make a copy of helloworld
Enter reactxp\samplesthe path
to hello-world-jscopy the folder to another location
8. Helloworld project, installation
Go to the helloworld project directory
and runnpm install
9. Run the web
cmd /c "set NODE_OPTIONS=--openssl-legacy-provider && npx cross-env platform=web webpack-dev-server --config=web/webpack/dev.js --progress --colors --mode=development"
10. Preparation before running windows
Open with Microsoft Visual Studio 2019 hello-world-js\windows\RXPHelloWorld.sln
Click 暂时跳过此项Skip Login
Select a color theme, click启动 Visual Studio
The window on the right 解决方案资源管理器prompts that the component needs to be installed, click 安装(need to install twice)
( 解决方案资源管理器the window is closed and reopened by mistake: menu bar - view (V) - solution explorer (P) (Ctrl+Alt+L))
no modification is required Items that are automatically checked, click directly 安装(I)
to wait for the installation to complete
After completion, automatically restart
Visual Studio prompt 为 Windows 启用开发人员模式, click 适合开发人员的设置to go to settings, turn it on, close the prompt
prompt to restore the file, no need to restore
Close the software after Visual Studio is loaded without saving changes
11. Running windows, failed
Set environment variables:setx VCTargetsPath "C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\MSBuild\Microsoft\VC\v160"
run:npm run start:windows
error MSB4226: The imported item could not be found
Verify that the path in the <Import> declaration is correct and that the file is on disk in one of the search paths.