一、vue的不同版本
第一個：在瀏覽器中或者說瀏覽器可以識別的index.html中，如果要通過<sciript src=xxx>的方式引入，應該選擇此版本
（.runtime）(.prod)都是可選項，如果選了（。runtime）表示只需要運行時的vue版本，不需要runtime+complier版本的vue版本，如果我們html文件使用這個版本時會報錯的，因為模板無法編譯；但如果是在sfc中使用這個版本，模板那是可以編譯的，因為有vue-lorder幫我們預編譯；
(.prod)表示這個是生產環境使用的版本，代碼會進行丑化壓縮；
第二個：如果要通過<script type=module src=xxx>的方式引入，應該選擇此版本
第三個：這個就是我們在webpack用過npm install 安裝vue后的版本，這個版本默認是vue.runtime.esm-bundler.js，所以webpack應該默認使用sfc文件，不然很容易報編譯錯誤；
總的來說就是我們如果使用webpack並且安裝了vue-loader，那么vue-loader會自動將我們的.vue文件預編譯，所以在按章vue版本的時候只要安裝runtime版本即可；
但是如果在webpack中使用html文件來寫vue語法就不行了，因為，runtime版本的vue沒有辦法幫助我們編譯html文件里的template模板，而vue-loader也不會幫助我們打包html文件；
二、VueCLI
1.安裝
2. 運行原理：
npm run script腳本名，類似於用npx執行腳本的命令，就是說先去局部的node_module/.bin/文件里找命令；
先去局部的node_module/.bin/文件里找命令，找到了vue-cli-service,但是這是一個軟連接，連接指向@vue/cli-service里的package.json的bin下的vue-cli-service命令
在package.json的scrpt中寫和bin寫，區別是第一個要用npm run 執行，第二個是一個軟連接；
https://blog.csdn.net/feng98ren/article/details/93729399
三、Vite
1.介紹
2.解析文件
3.vite和webpack區別是什么?為什么vite更快?
區別是什么？
webpack無論是開發（熱加載）還是構建（打包代碼），都是一個流程——生成依賴圖，打包代碼到內存memfs或者生成dist文件；
而vite有兩套系統，開發時用第一個保證快，生產時用第二個保證穩；
-
一個開發服務器，它基於 原生 ES 模塊 提供了 豐富的內建功能，如速度快到驚人的 模塊熱更新（HMR）。
-
一套構建指令，它使用 Rollup 打包你的代碼，並且它是預配置的，可以輸出用於生產環境的優化過的靜態資源。
vite在生產環境時仍需要打包成es5，畢竟有些瀏覽器可能還是不支持esm
vite在開發時快的原因:
第一，vite基於的瀏覽器必須支持原生es-module；所以vite不會在開發時將你的es6等高階語法轉化為es5；
第二，使用基於go語言的esbuild進行依賴的預構建；
第三，源碼按需加載
四、基於vite的@vitejs/create-app
這是個vue腳手架，快速創建vue項目的；npm安裝好之后，使用create-app命令來初始化項目；
和基於webpack的vuecli差不多；
