在vscode創建express項目


在創建項目的前提下安裝express-generator

 

使用安裝命令:npm install express-generator -g

可以運行命令express --version查看express模塊的版本(前提是安裝了express)來檢測一下express-generator是否能使用

在vscode的終端是運行命令可能會出現這種情況

 

 然后重新打開終端,就可以了

 

接下來我們就創建express項目

(1)vscode中打開終端

 

 (2)輸入命令 express myBlog -e   (myBlog:項目名稱,-e:ejs模板)

 (3)進入項目目錄cd myBlog,輸入命令npm install導入安裝模塊文件夾

 (4)輸入命令SET DEBUG=myblog:* & npm start或者直接輸入npm start

 (5)然后去瀏覽器訪問http://127.0.0.1:3000/瀏覽器出現下圖證明項目已經創建好了

 

 

目錄介紹:

 

 bin:啟動目錄 里面包含了一個啟動文件 www 默認監聽端口是 3000 (一般不用自己可以在app.js上設置監聽端口如下圖)

 如果這樣設置,下次啟動服務就如下圖:

 剛裝了1.45穩定版發現還可以這樣運行程序:

node_modules:所有安裝的依賴模塊都在這個文件夾里面

public:所有的前端靜態資源html css image js

routes:放的是 路由 文件 (默認有兩個index.jsusers.js)

   路由主要定義 url和資源的映射關系(一一對應關系)、主要用來接收前端發送的請求響應數據給前端

views:主要放置ejs后端模板文件

app.js:入口文件(主文件)總路由(其他的路由要由它來分配)

package.json:包描述文件最重要的是依賴的模板列表dependencies

      依賴列表里面的所有模板可以通過npm i一次性全部安裝

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM