在本文中,将探讨如何使用Express框架来创建一个简单的网站。Express是一个灵活的Node.jsweb应用框架,提供了一系列强大的功能,帮助创建各种Web和移动设备应用。
首先,需要创建一个新的文件夹来存放网站目录。可以将这个文件夹命名为"SityRoute"。接下来,打开命令提示符,切换到这个文件夹。
mkdir SityRoute
cd SityRoute
在"SityRoute"文件夹中,需要创建一个名为"package.json"的文件,这个文件将包含项目依赖信息。
touch package.json
打开"package.json"文件,并复制以下内容:
{
"name": "application-name",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"express": "~3.4.8",
"static-favicon": "~1.0.0",
"morgan": "~1.0.0",
"cookie-parser": "~1.0.1",
"body-parser": "~1.0.0",
"debug": "~0.7.4",
"jade": "~1.3.0"
}
}
保存文件后,运行以下命令来安装依赖。这类似于.NET中的NuGet包管理。如果不熟悉"package.json"文件,那么可能需要先了解一下Node.js的npm包和"package.json"文件的结构。
npm install
安装完成后,将看到类似于以下的输出,显示了文件夹结构:
static-favicon@1.0.1 node_modules\static-favicon
debug@0.7.4 node_modules\debug
morgan@1.0.0 node_modules\morgan
cookie-parser@1.0.1 node_modules\cookie-parser
body-parser@1.0.0 node_modules\body-parser
jade@1.3.0 node_modules\jade
express@3.4.8 node_modules\express
由于在上面的JSON文件中提到了express作为依赖项,它将安装express版本3.4.8以及其他依赖项。
为了加快开发速度,可以使用express-generator来生成网站的骨架。这个工具会为创建大部分的基础工作,比如文件夹结构和一些默认的"Hello World"页面等。以下是如何创建它的步骤:
npm install -g express-generator
这将全局安装express-generator。安装完成后,需要创建一个示例项目,在这个项目中编写代码,因为将重用相同的文件夹结构。
express -c myapp
这将询问是否确认目标目录不为空,是否继续,输入"yes",然后将看到以下输出:
destination is not empty, continue? (yes or no) y
create : .
create : ./package.json
create : ./app.js
create : ./public
create : ./public/javascripts
create : ./public/images
create : ./public/stylesheets
create : ./public/stylesheets/style.css
create : ./routes
create : ./routes/index.js
create : ./routes/user.js
create : ./views
create : ./views/index.jade
create : ./views/layout.jade
create : ./views/error.jade
create : ./bin
create : ./bin/www
.
├── app.js
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ ├── stylesheets
│ │ └── style.css
├── routes
│ ├── index.js
│ └── user.js
├── views
│ ├── index.jade
│ ├── layout.jade
│ └── error.jade
└── bin
└── www