node创建工程和连接webstorm

1.node创建工程的方法

1)首先需要安装express

命令行输入sudo npm install -g express-generator //sudo的使用是在没有root的情况下用

安装完成可以看到以下大致信息

/usr/local/bin/express -> /usr/local/lib/node_modules/express-generator/bin/express-cli.js

+ express-generator@4.16.0

added 10 packages in 3.254s

2) 创建工程

命令行如下

express -e cartList

cd cartList/

运行命令行是

npm start //这个运行时必须在数据库下面运行


2,webstorm的修改

1)将之前写好的html文件复制粘贴到public文件下面的html文件夹,将home.css复制粘贴到stylesheets文件下

2)之后改变index.js文件

var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
    res.render('html/home');   //这里为你的html文件所在的位置
    // res.render('index', { title: 'Express' });
});
router.get('/home', function(req, res, next) {
    res.render('html/home');  //这里也是html文件所在的位置
});
module.exports = router;

3)对app.js进行修改

var app = express();

// view engine setup                   
// app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'ejs');   //上面为注释掉的

app.set('views', path.join(__dirname, 'public'));
var ejs = require('ejs');
app.engine('html', ejs.__express);
app.set('view engine', 'html');

然后在终端输入npm start  //这里可能会出现端口占用的情况,可使用sudo fuser -k 3000/tcp

解除之前的占用。

在chrome上输入localhost:3000 会出现你用html设计的效果图


阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

node创建工程和连接webstorm

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭