首先要知道的是這兩個是vue 開發(fā)工具中的概念，比如vue-cli 或者vite。用到他們時才會涉及到模式和環(huán)境變量

環(huán)境變量：這個和操作系統(tǒng)中的環(huán)境變量差不多，簡單理解就是全局參數(shù)，可以自定義，定義好了在任何地方都能使用。環(huán)境變量可以使用多個文件進(jìn)行配置，這些配置文件一般都是key相同，value不同。這些配置文件應(yīng)用于不同的環(huán)境下，比如本地開發(fā)環(huán)境、測試環(huán)境、生產(chǎn)環(huán)境等。

模式：模式就是我們選擇要使用哪個配置文件。通過在啟動命令或打包命令中添加 mode參數(shù)來指定要使用的模式

vite --mode dev 

同時要做的是添加一個以 .env.dev 命名的文件

上邊這些還是比較容易理解的，我原來經(jīng)?；煜母拍钍敲總€配置文件中都有一個NODE_ENV=？

原來我總以為這個跟模式或者環(huán)境變量具有某種關(guān)系，其實(shí)他們是沒有關(guān)系的，這只是環(huán)境變量中的一個選項(xiàng)，甚至在配置文件中沒有它都可以。我們經(jīng)?？匆娝且?yàn)殚_發(fā)中我們習(xí)慣性的使用這個參數(shù)來區(qū)分生產(chǎn)環(huán)境和開發(fā)環(huán)境，只是一個慣例。對于我這個后端程序員來說前端的開發(fā)都是基于別人的框架，項(xiàng)目打包配置早就寫好了，所以自己很少用到這個選項(xiàng)。

總結(jié)下來就是一句話：模式?jīng)Q定了程序運(yùn)行要加載哪個配置文件，不同的配置文件中包含不同的環(huán)境變量