最近我們公司在給一個客戶開發ecshop4.0手機端功能的時候，用到了vue-cli打包命令npm run build這個命令，由於是第一次接觸vue這個前端框架，所以對這個npm run build這個命令怎麼使用，完全是摸不著頭腦，和商派的客服溝通後，他們的技術讓我們自己研究。
自己花了一天時間先是安裝了nodejs，因為npm是nodejs自有的功能模塊（注:公司使用的是window端的nodejs安裝包）。nodejs安裝完成後，在電腦左下角點擊開始->運行。輸入cmd進入命令控制界面，如下圖：
進入window命令界面
進入命令界面後可以使用node -v命令，查看nodejs安裝的版本，使用npm -v命令，查看npm的安裝版本。因為ecshop4.0手機端在打包的時候對node和npm有最低版本要求。如果node和npm版本太低，npm run build命令運行後會有相關版本要求提示了。
由於我的nodejs安裝包是從官方網站下載的最新安裝包，安裝後的node和npm版本都是最新的，所以node和npm就不需要再另外升級了，nodejs升級相關知識，請查看nodejs官方教程。本機node和npm的版本信息如下
node和npm版本信息查詢
-----------------------------------------------------------------------------------------------
分割線
接下來就是操作ecshop4.0手機端源碼了，商派官方發給我們的代碼如下圖所示：
這個代碼文件夾，我們放到了D盤h5目錄下後，然後通過cmd命令界面進入到h5文件夾的所有在目錄，輸入npm run build打包命令進行打包操作。如果npm的模塊安裝完整，輸入打包命令後，ecshop4.0手機端的代碼就打包成功了，如下圖所示
如果npm模塊沒有安裝完整，就會報如下錯誤
Error: Cannot find module 'chalk'
這個時候重新安裝一下npm的相關模塊就可以了，命令如下
npm install
鄭州仟家鏈信息技術原創，轉載請註明出處
