建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這篇文章給大家分享的是有關(guān)vscode如何搭建本地服務(wù)器的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。
創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們?cè)趧?chuàng)意設(shè)計(jì)，全網(wǎng)整合營(yíng)銷(xiāo)推廣到技術(shù)研發(fā)擁有了開(kāi)發(fā)經(jīng)驗(yàn)。我們擅長(zhǎng)傾聽(tīng)企業(yè)需求，挖掘用戶(hù)對(duì)產(chǎn)品需求服務(wù)價(jià)值，為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過(guò)十余年以上行業(yè)經(jīng)驗(yàn)，涵蓋創(chuàng)意，策化，開(kāi)發(fā)等專(zhuān)業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)服務(wù)器托管德陽(yáng)、成都app開(kāi)發(fā)、手機(jī)移動(dòng)建站、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)整合營(yíng)銷(xiāo)。
一、安裝Node
二、安裝express
打開(kāi)終端，輸入以下代碼：
// 全局安裝 npm install express -g // 測(cè)試是否安裝成功 express -h // 安裝如果出現(xiàn)問(wèn)題，則運(yùn)行 npm install express-generator -g
三、創(chuàng)建項(xiàng)目文件夾
（1）步驟：
1、express myapp
2、cd myapp
3、npm install
以上步驟說(shuō)明：先創(chuàng)建項(xiàng)目文件夾myapp，進(jìn)入該文件夾，初始化項(xiàng)目。
（2）express框架組成
說(shuō)明：
bin是項(xiàng)目的啟動(dòng)文件，配置以什么方式啟動(dòng)項(xiàng)目，默認(rèn) npm start，其中的www文件用于啟動(dòng)服務(wù)
node_modules是文件所需的模塊。
public是項(xiàng)目的靜態(tài)文件，放置js、css、img等文件。
routes是項(xiàng)目的路由信息文件，控制地址路由。
views是視圖文件，放置模板文件ejs或jade等（其實(shí)就相當(dāng)于html形式的文件)
以上就是基于 express的MVC框架模式，是一個(gè)Web項(xiàng)目的基本構(gòu)成。
四、運(yùn)行
在vsCode中的終端輸入：node ./bin/www 啟動(dòng)服務(wù)。
注意：node ./bin/www`這個(gè)路徑在package.json文件看，自己安裝時(shí)會(huì)有差別。
在瀏覽器中訪問(wèn)localhost:3000出現(xiàn)下圖所示效果說(shuō)明啟動(dòng)成功：
注意：3000端口號(hào)在bin 文件下的www文件中
感謝各位的閱讀！關(guān)于“vscode如何搭建本地服務(wù)器”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
網(wǎng)頁(yè)標(biāo)題：vscode如何搭建本地服務(wù)器
分享網(wǎng)址：http://ef60e0e.cn/article/pgsidd.html
