自從NodeJS問世以來敢靡，前端的技術(shù)日異月新秒赤，更新的速度根本目不暇接冷溶，前幾天打算起一個(gè)基于NodeJS + Vue的項(xiàng)目舔示，結(jié)果發(fā)現(xiàn)項(xiàng)目都起不起來，項(xiàng)目結(jié)構(gòu)都有點(diǎn)弄不清楚过吻，因此特意記錄下此筆記，以供以后回顧蔗衡。
首先先記錄幾個(gè)官方學(xué)習(xí)資料：
記錄了以上的學(xué)習(xí)資料后纤虽，開始嘗試創(chuàng)建項(xiàng)目：
-
使用WebStorm創(chuàng)建一個(gè) Node Express 項(xiàng)目
Paste_Image.png - 創(chuàng)建完成后，使用vue-cli腳手架添加 Vue結(jié)構(gòu)
vue init webpack-simple [project name]
ps：在使用腳手架生成項(xiàng)目的時(shí)候會(huì)覆蓋項(xiàng)目本來的package.json文件绞惦，因此建議先將項(xiàng)目原本的package.json文件保存到其他目錄下逼纸，使用vue-cli后，再將原來的依賴資源復(fù)制回來
- 使用 npm install 安裝模塊
npm install
- 修改 webpack.config.js 文件济蝉，將原本的./dist改到./public目錄下
Paste_Image.png
- build 項(xiàng)目
npm run build
Paste_Image.png
至此杰刽，整個(gè) node菠发、express、vue 項(xiàng)目架子就算搭好了贺嫂。
