需求矛盾：
因需要開發(fā)一個(gè)electron程序，需要安裝nodejs坯门，Win7系統(tǒng)能安裝nodejs的最高版本是nodejs13.14.0古戴，但是打包electron程序需要nodejs14以上版本才能編譯矩肩。解決方法要么重裝系統(tǒng)裝win10安裝新版本nodejs，要么要win7下裝nodejs14叉袍，因本電腦有多種開發(fā)環(huán)境刽酱，如果重裝win10再搭建開發(fā)環(huán)境很耗時(shí)豪力，所以就想在win7中安裝nodejs14润文，經(jīng)過摸索成功在Win7下安裝nodejs14.17.6殿怜，分享一下搭建過程头谜。
軟件環(huán)境：操作系統(tǒng)：Win7 X64 SP1
安裝過程：
一、安裝nodejs
1截驮、從nodejs官網(wǎng)或鏡像站下載nodejs末荐，nodejs14.17.6_X64.zip，注意14.17.6版本是zip包眶熬。（經(jīng)過多次測(cè)試，nodejs14.15.1~14.17.6拳缠，不推薦安裝nodejs14.18以上版本會(huì)有問題）
2贸弥、解壓到任一路徑（路徑中不能包含中文或特殊字符绵疲，例如D:\Program Files\nodejs），解壓到此目錄即可徙菠。
3郁岩、配置環(huán)境變量
3.1、path變量中加入D:\Program Files\nodejs\
3.2萍摊、新建環(huán)境變量NODE_SKIP_PLATFORM_CHECK如叼，值為1（不建此變量命令行會(huì)提示nodejs需要運(yùn)行在win8.1以上操作系統(tǒng)提示）薇正，見常見問題1
環(huán)境變量配置完成后挖腰，就可以打開cmd，輸入node -v驗(yàn)證是否安裝正確审轮，安裝正確會(huì)顯示版本信息辽俗。
二崖飘、修改npm源（默認(rèn)使用的是國(guó)外源，使用國(guó)內(nèi)源提高下載依賴的速度）
推薦使用華為npm源或騰訊npm源吊圾，阿里npm源換了域名，以華為npm源為例
1啰劲、第一種修改npm源方式：
在CMD中輸入npm config edit命令檀何，或打開C:\Users\Administrator\.npmrc文件編輯，在文件中加入
registry=https://mirrors.huaweicloud.com/repository/npm/
electron-builder-binaries_mirror=https://mirrors.huaweicloud.com/electron-builder-binaries/
chromedriver_cdnurl=https://mirrors.huaweicloud.com/chromedriver/
electron_mirror=https://mirrors.huaweicloud.com/electron/
2栓辜、第二種修改npm源方式：
在CMD中輸入npm config set 變量 源砚殿，按這種方式修改
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
三似炎、安裝環(huán)境所需要的包
安裝以下輔助工具（環(huán)境工具）
npm install @vue/cli -g? ? ? ? ? ?//全局安裝vue-cli腳手架悯姊，用來生成electron-vue項(xiàng)目或vue項(xiàng)目
npm install electron -g? ? ? ? ? ?//全局安裝electron
npm install electron-build -g? ?//安裝electron-build悯许，用來打包electron項(xiàng)目，生成exe文件
npm install cnpm -g? ? ? ? ? ? ? ?//安裝cnpm可取代npm瘩扼，可裝可不裝
npm install?yarn -g? ? ? ? ? ? ? ? //npm助手工具
四垃僚、創(chuàng)建一個(gè)electron演示項(xiàng)目
新建一個(gè)目錄（不要有中文），例如R:\electron\ 栽燕，打開CMD命令行工具
vue init simulatedgreg/electron-vue demo
根據(jù)提示配置需要的項(xiàng)目改淑，一路回車，項(xiàng)目創(chuàng)建完畢
進(jìn)入demo目錄 蔼啦，并在目錄中安裝依賴
cd? ?demo? ? ? ? ? ? ? ? ? ? ? ? ?//進(jìn)入demo目錄捏肢，當(dāng)前目錄? R:\electron\demo
npm install? ? ? ? ? ? ? ? ? ? ? ? ?//安裝依賴
npm run dev? ? ? ? ? ? ? ? ? ? ?//運(yùn)行項(xiàng)目
npm run build? ? ? ? ? ? ? ? ? ? ?//編譯項(xiàng)目
運(yùn)行效果
編譯效果
常見問題：
1猛计、命令行執(zhí)行Nodejs提示奉瘤，Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher.Setting the NODE_SKIP_PLATFORM_CHECK environment variable to 1 skips this check, but Node.js might not execute correctly. Any issues encountered on unsupported platforms will not be fixed.
解決方法：新建環(huán)境變量NODE_SKIP_PLATFORM_CHECK值為1
2、npm run build編譯electron項(xiàng)目時(shí)報(bào)藕赞，Error: Application entry file "dist\electron\main.js"
原因：.electron-vue\build.js文件中卖局，代碼中使用了 Multispinner 砚偶，但沒有引用并且package.json文件中也沒有這個(gè)依賴文件。
解決方法：安裝multispinner
npm install multispinner -D? ? ? ? ? ? ? ? //開發(fā)環(huán)境中安裝multispinner 均芽，全局安裝也會(huì)報(bào)錯(cuò)
打開項(xiàng)目下 .electron-vue\build.js 文件单鹿，在文件第2行加入引用
const Multispinner = require('multispinner')
3、tasks語法錯(cuò)誤
原因：tasks多次聲明劲妙，語法錯(cuò)誤
解決方法：
將.electron-vue/build.js文件第37行tasks重命名為tasks1
