express下使用ES6 - dtdxrk - 博客园

$ npm install --save-dev babel-cli

然后，可以安装一些presets

$ npm install --save-dev babel-preset-es2015 babel-preset-stage-2

现在就应该安装express了

$ npm install --save express

再创建一个我们要运行的index.js

$ touch index.js

添加如下代码

import Express from ‘express’;

let app = Express();

app.get(‘/’, (req, res) => {

res.send(hello world!);

});

app.listen(4321, () => {

console.log(‘server running http://localhost:4321’);

});

在package.json里添加运行的脚本

“scripts”: {

• “start”: “babel-node index.js --presets es2015,stage-2”

}

现在开始运行我们的server。

$ npm start

你现在就可以在http://127.0.0.1:4321下看到hello world了。

使用nodemon监视文件修改

---

我们可以修改npm start，添加对nodemon的引用。

$ npm install --save-dev nodemon

修改脚本。

“scripts”: {

• “start”: “babel-node index.js”

• “start”: “nodemon index.js --exec babel-node --presets es2015,stage-2”

}

运行server

$ npm start

你现在就可以修改index.js，而且因为有了nodemon我们的server会在修改发生后自动重启。

在server还在运行的时候，修改index.js，把hello world改成YO YO YO!。然后刷新页面，你就会看到页面内容已经是YO YO YO!了。

准备生产环境

---

使用babel-node只是可以让server运行起来，但是还不能上产品环境。

我们需要预编译我们的代码，那么现在就来开始准备上生产。

首先把index.js文件移到lib/index.js。

$ mv index.js lib/index.js

接下来修改npm start脚本。

“scripts”: {

• “start”: “nodemon index.js --exec babel-node --presets es2015,stage-2”

• “start”: “nodemon lib/index.js --exec babel-node --presets es2015,stage-2”

}

这还不够，还需要添加两个task npm run build和npm run server。

“scripts”: {

“start”: “nodemon lib/index.js --exec babel-node --presets es2015,stage-2”,

• “build”: “babel lib -d dist --presets es2015,stage-2”,

• “serve”: “node dist/index.js”

}

现在就可以使用npm run build累预编译了。npm run server可以在产品环境启动server。

$ npm run build

$ npm run server

这样我们就可以很快的重启server而不需要等着babel预编译文件。

刚刚新添加了dist目录，这个目录需要排除在git之外。所以给.gitignore文件添加dist。

$ touch .gitignore

dist

这样就确保不会一不小心把gist的文件上传了。

把Babel选项保存到.Babelrc中

---

$ touch .babelrc

添加如下的配置。

{

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整