在創建項目的前提下安裝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.js、users.js)
路由主要定義 url和資源的映射關系(一一對應關系)、主要用來接收前端發送的請求響應數據給前端
views:主要放置ejs后端模板文件
app.js:入口文件(主文件)總路由(其他的路由要由它來分配)
package.json:包描述文件最重要的是依賴的模板列表dependencies
依賴列表里面的所有模板可以通過npm i一次性全部安裝