element-ui-admin-typescript 项目搭建

背景： element-ui-admin-typescript 按照官方文档并不能运行起来（可能和不同版本号有关）。于是亲测了一套能运行项目的配置。
源码地址

一、安装前准备

• 安装 nodejs@v16
  • nodejs@v10: fork-ts-checker-webpack-plugin 不兼容。网上各种方法实测，和三体问题一样无解。
  • nodejs@v18: 版本太高。项目支持的最高版本 v17
• 项目使用需要指定 webpack@4.44.2 版本
• 安装 Python 及配置环境

二、安装python & vstudio 工具

1、 管理员 powershell 执行 (不推荐)

• npm i --global --production windows-build-tools

运行该命令会下载python2.7 和 visual studio2017 工具，安装并配置

2、自定义安装 python & vstudio（推荐）

安装 python3.10 版本，visual studio 2022 版本，并配置

3、 配置python

• npm config set python “D:\python310\python.exe”

4、设置 Visual Studio 版本

• npm config set msvs_version 2022 （当前Visual Studio版本的）

5、查看配置

• npm config list --json

三、webpack 指定版本

1、安装 webpack@4.44.2

• npm i webpack@4.44.2 -g （全局）
• npm i webpack@4.44.2 --save-dev （局部）

2、修改项目 package.json 文件

• “webpack”: “^4.44.2”

四、安装 node-gyp

1、全局安装

• npm i -g node-gyp@9.2.0

2、局部安装

• npm i node-gyp@9.2.0 --save-dev （9.2.0兼容项目的版本）

五、安装 fibers

• npm i fibers@5.0.0 --ignore-scripts --legacy-peer-deps

六、安装其余插件

• npm i --save-dev --legacy-peer-deps

七、运行

• npm run serve

八、注意事项

• cnpm 坑点多。install 过程可能不报错，但运行会一直提示缺少依赖
• nodejs@v10 和 @v18 版本不推荐，原因在最上面