1.將vue項目打包怠晴,生成對應(yīng)的打包文件,默認(rèn)是dist文件
// 打包命令,也可以使用cnpm
npm run build
打包后的項目目錄.png
2.安裝express-generator
npm install express-generator -g
3.新建express項目频丘,并安裝相應(yīng)依賴,生成如下圖所示文件目錄
express expressName // 1.創(chuàng)建一個express項目,expressName是名字泡态,可以自己隨便定義
cd expressName // 2.進入項目目錄
npm install // 3.安裝相應(yīng)依賴
文件目錄.png
4.將項目打包生成的dist文件中所有的文件復(fù)制到express項目中的public文件夾下
image.png
5.運行命令啟動express項目,打開瀏覽器搂漠,輸入localhost:3000就可以看到效果了
瀏覽器.png