1. 程式人生 > >nodejs學習(一)--express+ejs生成專案

nodejs學習(一)--express+ejs生成專案

一、說一下

  首先保證node環境已經安裝完畢,npm能正常使用,安裝可自行百度,比較簡單,在此不做贅述。

二、直接開碼

  安裝

npm install express express-generator -g

  註釋:

    express:安裝express框架

    express-generator:安裝express生成器,可快速生成一個應用的骨架

    -g:全域性安裝

express -e myapp

  註釋:

    -e:簡寫,全稱為 --view=ejs ,安裝ejs模板引擎

    myapp:專案名稱,自定義即可

 

  生成如下目錄結構

  註釋:

  bin:存放啟動指令碼檔案

  bin/www:啟動指令碼檔案,可修改埠號,等功能。

  public:存放圖片,css,js等靜態檔案

  routes:存放路由模組檔案

  views:存放檢視檔案,使用的ejs模板引擎

  app.js:入口檔案,重要的配置檔案

  package.json:工程資訊和安裝依賴檔案

 

  跟著提示執行下列語句

  

cd myapp
npm install
npm start

  註釋:

  cd myapp:進入myapp資料夾,檔名需修改成自己的專案檔名

  npm install:安裝所有依賴模組,常用的非指定性npm安裝命令

  npm start:執行專案

 

 

  專案執行成功,然後開啟瀏覽器,輸入localhost:3000,一般專案預設埠號為3000,可在www檔案內修改埠號

  大功告成啦!

  修改埠號提示:

  (bin/www)

  

  命令列視窗:

  重啟服務,按ctrl+c終止伺服器,然後重新npm start,瀏覽器裡輸入修改後的埠號

三、最後

  當我們每次修改檔案,檢視效果,我們都需要ctrl+c,然後npm start,很麻煩,所以接下配置熱更新,每次儲存檔案就可看到效果,不用重啟服務。