第一步:
全局安装 express-generator:
$ npm install express-generator -g
-h 参数可以列出所有可用的命令行参数:
Usage: express [options] [dir]
Options:
--version output the version number
-e, --ejs add ejs engine support
--pug add pug engine support
--hbs add handlebars engine support
-H, --hogan add hogan.js engine support
-v, --view <engine> add view <engine> support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
--no-view use static html instead of view engine
-c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
--git add .gitignore
-f, --force force on non-empty directory
-h, --help output usage information
http://www.expressjs.com.cn/starter/generator.html
第二步:在文件夹中生成express项目架构
express 项目名
第三步:安装依赖
cnpm install
第四步:起服务
npm start
配置node-dev
node-dev是一个node.js开发工具,当文件被修改时,它会自动重新启动node进程。
使用介绍
1、安装
npm install -g node-dev
package.json
{
"name": "express",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node-dev ./bin/www"
},
"dependencies": {
"cookie-parser": "~1.4.3",
"debug": "~2.6.9",
"express": "~4.16.0",
"http-errors": "~1.6.2",
"jade": "~1.11.0",
"morgan": "~1.9.0"
}
}
1.创建Express应用
提示:养成好的学习习惯-----学会查阅官方手册,它是最好的资料。
http://www.expressjs.com.cn/starter/hello-world.html
步骤如下:
第一步,执行
$ cnpm install express --save
第二步,创建一个js文件,编写如下代码

第三步,执行js文件

第四步,在浏览器中使用 http://localhost:3000/ 访问,结果如下:

至此,完成第一个express应用,so easy!

注意点:
在使用第三方模块的时候,要注意 require的加载机制。针对第三方的模块,加载过程如下,首先在所写js目录下找node_modules文件夹,如果该文件夹中存在,则载入,如果没有,去找所写js的父目录中找,node_modules文件夹,如果该文件夹中存在,则载入,重复这个过程。如果一直找到根目录,都没有,则会报错。关于根目录,需要注意不同的操作系统,根目录有所不同,在windows下,最后就到某个磁盘,如D盘、E盘。
2.创建应用
(1).第一步,创建项目结构
格式:express 项目名称 (已有文件夹就可以直接使用 express 创建结构目录)
打开cmd窗口,进入自己的项目目录,如下:

(2).安装依赖包 (cd目录 && npm install)
看提示,当前只是创建了文件夹,并没有下载依赖包(node_modules)
进入myapp目录,如下:

使用npm install安装相应的依赖文件,如下:

此时,安装的依赖模块,会放在node_modules目录中,如下:

(3).启动应用 (npm start 或 node ./bin/www)
(4).浏览 (localhost:3000)
在浏览器中使用http://localhost:3000 访问即可:

2.项目结构分析
疑问:我怎么就知道它在3000端口监听呢? 我需要编写自己的代码,该从什么地方入手呢?
因此,我们很有必要,了解生成器到底干了些什么事情
(1).整体结构
项目结构说明如下:

11万+

被折叠的 条评论
为什么被折叠?



