Vue3网站在xp系统下的兼容性

用Opera36还不如用Opera12.18测的有意义

笑死。。。我以为穿越2014年了.。。。还测什么XP IE 脑子呢？

试了下，firefox52.9esr，opera36和chrome49都支持proxy的get set和deleteProperty，还有let和const，还有带变量的``字符串比如`a=${a}`，那理论上有办法让vue3在这三款浏览器下运行。

这个问题解决了。
创建Vue3工程：
npm create vue@latest
修改vue-project/package.json文件，将"scripts"下的"dev": "vite"改成"dev": "vite --host 0.0.0.0"
首次运行Vue3工程：
cd vue-project
npm install
npm run dev
可在局域网另一台XP机器下通过http://电脑IP地址:5173/网址用mypal68和supermium122这两款浏览器访问，但是firefox52.9esr、opera36和chrome49浏览器打开会白屏。
【解决firefox52.9esr、opera36和chrome49白屏的问题】
npm install @vitejs/plugin-legacy --save-dev
修改vue-project/vite.config.js文件，在顶部加入import legacy from '@vitejs/plugin-legacy'
在export default defineConfig的plugins数组的vue(),下方加入legacy(),
修改vue-project/package.json文件，将"scripts"下的"preview": "vite preview"改成"preview": "vite preview --host 0.0.0.0"
npm run build
npm run preview（不再是dev了）
可在局域网另一台XP机器下通过http://电脑IP地址:4173/网址用firefox52.9esr、opera36和chrome49浏览器访问。
firefox52.9esr下CSS样式正常，opera36和chrome49浏览器下CSS样式会有一点问题，但是页面至少能正常显示。

成功运行！
（opera36和chrome49的css样式有点问题，目前不知道是什么原因）

由于搭建vue3开发环境所需的node.js版本过高，需要至少16版本，目前还无法在xp系统下直接搭建vue3的开发环境，只能在另一台win7电脑上开发，然后通过局域网让xp电脑访问。

ie6浏览器访问会白屏，但是firefox52.9esr访问后保存为htm网页，再用ie6打开，就能看到网页内容了，样式有点不太对，vue logo图片无法显示。firefox52.9esr打开保存的htm网页文件，则显示正常。

【稍微改善一下opera36和chrome49浏览器下的CSS样式问题】
npm install postcss-preset-env --save-dev
新建vue-project/postcss.config.cjs文件，内容如下：
module.exports= {
plugins: [
require('postcss-preset-env')
]
}
然后：
npm run build
npm run preview
可以看到网页整体可以居中了，并且5个黑色圆角小框里面的图标也居中了，但仍然没有解决You did it!的显示位置问题。

结论：vue3可以在xp系统下的firefox52.9esr，opera36和chrome49浏览器下正常运行。

那这么说的话，vue2和vue3的兼容性在xp下就没有什么差别了，vue3和vue2本身相比只是不支持ie9-11，这三款浏览器在xp系统下都安装不了。
因为node.js版本的原因，现在xp还只能搭建vue2的开发环境，无法搭建vue3的开发环境，后续本人要重点研究下怎么把node.js16或者18移植到xp系统下运行。

在windows系统下编译出32位的nodejs v20.15.1的msi安装包的方法是在powershell里面执行：
.\vcbuild release msi x86
编译后会在当前目录下生成node-v20.15.1-x86.msi安装包。