最近開始學(xué)習(xí)node态鳖,想試著用node和vue寫點(diǎn)小東西转培,兩者合在一起寫,有點(diǎn)不知道該怎么設(shè)置項(xiàng)目目錄了郁惜,經(jīng)過一番摸索堡距,看了不少博客,這是本人目前覺得這是最方便直觀兆蕉、又好理解的啦羽戒。
構(gòu)建前提在已經(jīng)安裝好node和vue-cli腳手架,以及webpack的前提下:
1虎韵、cmd進(jìn)入放項(xiàng)目的文件夾易稠,執(zhí)行vue init webpack? vote創(chuàng)建一個(gè)vue項(xiàng)目
2、進(jìn)入vote這個(gè)項(xiàng)目文件包蓝,npm install express --save安裝express(也可以在安裝node的時(shí)候全局安裝express)
3驶社、執(zhí)行express server命令,生成寫后端代碼的server文件测萎。會(huì)發(fā)現(xiàn)項(xiàng)目目錄現(xiàn)在是這樣的:
server文件夾的目錄是這樣的:
命令行現(xiàn)在是這樣的:
然后亡电,根據(jù)他的提示,可以一次執(zhí)行cd server硅瞧、npm install份乒、npm start命令啟動(dòng)服務(wù)器。啟動(dòng)成功后腕唧,可以輸入localhost:3000查看或辖。
這里先只說創(chuàng)建項(xiàng)目結(jié)構(gòu),前端和后端連接起來還需要一些配置和操作枣接,后期會(huì)有更新颂暇。