如何利用express新建項(xiàng)目（上）

摘要

這篇文章將講解了如何快速利用express新建項(xiàng)目

一.express4.x的安裝

1. npm install -g express 2. npm install -g express-generator或者npm install -g express-generator@3

后者是指定express命令的版本號(hào),4.x已經(jīng)把命令行工具分離出來.

二.在express 4.x以后的版本中創(chuàng)建一個(gè)ejs項(xiàng)目可以使用以下命令:

1.進(jìn)入項(xiàng)目存放文件夾，執(zhí)行

express -e ejs projectname

執(zhí)行后可見工程目錄下出現(xiàn)以下文件夾：

ejs （Embedded JavaScript） 是一個(gè)標(biāo)簽替換引擎，其語法與 ASP、PHP 相似，易于學(xué)習(xí)。Express默認(rèn)提供的引擎是 jade，它顛覆了傳統(tǒng)的模板引擎，制定了一套完整的語法用來生成 HTML 的每個(gè)標(biāo)簽結(jié)構(gòu)，功能強(qiáng)大但不易學(xué)習(xí)。
ejs 的標(biāo)簽系統(tǒng)非常簡(jiǎn)單，它只有以下3種標(biāo)簽。
<% code %>：JavaScript 代碼。
<%= code %>：顯示替換過 HTML 特殊字符的內(nèi)容。
<%- code %>：顯示原始 HTML 內(nèi)容。

cd [項(xiàng)目所在目錄] && npm install

執(zhí)行后工程目錄下將會(huì)多出node_modules文件夾 ：

安裝項(xiàng)目依賴項(xiàng)。無參數(shù)的 npm install 的功能就是檢查當(dāng)前目錄下的 package.json，并自動(dòng)安裝所有指定的依賴

三.在express4.x中不再使用 node app.js來啟動(dòng)服務(wù)器了,用以下命令

npm start

啟動(dòng)后，打開瀏覽器，輸入localhost:3000,可看到初始頁面

要關(guān)閉服務(wù)器的話，在終端中按 Ctrl + C。
注意，如果你對(duì)代碼做了修改，要想看到修改后的效果必須重啟服務(wù)器，也就是說你需要關(guān)閉服務(wù)器并再次運(yùn)行才會(huì)有效果。

如果覺得有些麻煩，可以使用 supervisor 實(shí)現(xiàn)監(jiān)視代碼修改和自動(dòng)重啟,
supervisor 可以幫助你實(shí)現(xiàn)這個(gè)功能，它會(huì)監(jiān)視你對(duì)代碼的改動(dòng)，并自動(dòng)重啟 Node.js。
使用方法很簡(jiǎn)單，首先使用 npm 安裝 supervisor：

$ npm install -g supervisor

接下來，使用 supervisor 命令啟動(dòng) app.js：

$ supervisor app.js

當(dāng)代碼被改動(dòng)時(shí)，運(yùn)行的腳本會(huì)被終止，然后重新啟動(dòng)。

下篇文章將對(duì)新建好的項(xiàng)目文件做詳細(xì)說明

轉(zhuǎn)載于:https://www.cnblogs.com/rongmm/p/6349633.html

總結(jié)

以上是生活随笔為你收集整理的如何利用express新建项目（上）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。