- 前提：安装
node和npm包管理工具； npm install express-generator -g：-g全局安装express应用的目录生成工具；
出现问题：
- 原因： 4.X 版本 express.js 文件名称改变；
- 解决方法：
-
- 使用命令行方式创建项目，再用
WebStorm打开。
- 使用命令行方式创建项目，再用
-
- 构建项目时，
Version选择 4.14.1 版本或以下（必须下载大于等于该版本的express-generator）。
- 构建项目时，
-
cmd创建项目
1）进入想要创建项目的目录
2）创建一个模板引擎为 ejs，应用名叫 testNode 的工程：
express --view=ejs testNode
输出如下：
create : testNode\
create : testNode\public\
create : testNode\public\javascripts\
create : testNode\public\images\
create : testNode\public\stylesheets\
create : testNode\public\stylesheets\style.css
create : testNode\routes\
create : testNode\routes\index.js
create : testNode\routes\users.js
create : testNode\views\
create : testNode\views\error.ejs
create : testNode\views\index.ejs
create : testNode\app.js
create : testNode\package.json
create : testNode\bin\
create : testNode\bin\www
change directory:
> cd testNode
install dependencies:
> npm install
run the app:
> SET DEBUG=testnode:* & npm start
3）按照提示：cd testNode、npm install–>进入项目目录，安装依赖包；
4）生成目录：(已经生成一个可运行的Demo)
- bin：是真实的执行程序
- node_modules：存放所有的项目依赖库
- public：静态文件(css,js,img)
- routes：路由文件
- views：页面文件
- app.js：程序启动文件
- package.json：项目依赖配置及开发者信息
启动服务器
方法一：SET DEBUG=testnode:* & npm start
F:\GitHub\pro-easy-eshop>SET DEBUG=pro-easy-eshop:* & npm start
> pro-easy-eshop@0.0.0 start F:\GitHub\pro-easy-eshop
> node ./bin/www
pro-easy-eshop:server Listening on port 3000 +0ms
在浏览器中打开http://localhost:3000运行成功。
方法二：在WebStorm中，点击编辑结构–>添加新配置–>点击绿色按钮运行
views：.ejs –> .html
var ejs = require('ejs');
//注册html模板引擎
app.engine('html',ejs.__express);
//将模板引擎换成html
app.set('view engine', 'html');