创建一个支持es6的nodejs项目

安装node环境

1、下载并安装node:下载地址 https://nodejs.org/en/

2、打开命令窗口执行 node-v 和 npm-v 如下则安装成功。

创建一个支持es6的nodejs项目

下面我们正式开始:

1、创建项目文件夹,初始化nodejs项目

     在对应项目中新建一个子文件夹取名es6-node,打开文件夹根目录中代开命令行窗口,执行命令,生成package.json文件。

     命令如下:

     npm init -y                                                                                                                                                                      

创建一个支持es6的nodejs项目

2、创建index.js文件

在根目录下新建index.js.

3、安装npm依赖组件

首先安装express,打开命令窗口执行如下命令:

npm install --save express                                                                                                                                                    

安装babel,在package.json 中会用到:

npm install --save-dev babel-cli babel-preset-es2015 rimraf                                                                                              

创建一个支持es6的nodejs项目

4、创建babel配置文件

在根目录下新建名为.babelrc的文件,输入内容:

{
"presets": ["es2015"]
}

5、将babel配置到package.json文件中

在package.json的script节点中加入如下内容:

"build": "rimraf dist/ && babel ./ --out-dir dist/ --ignore ./node_modules,./.babelrc,./package.json,./npm-debug.log --copy-files",
"start": "npm run build && node dist/index.js"

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "rimraf dist/ && babel ./ --out-dir dist/ --ignore ./node_modules,./.babelrc,./package.json,./npm-debug.log --copy-files",
"start": "npm run build && node dist/index.js"
},

6、检查测试代码

在index.js中输入如下代码:

import expressfrom 'express';

const app =express()

app.get('/',function (req,res) {
res.send('Hello World!Hello World!Hello World!')
})

app.listen(3000,function () {
console.log('Example app listening on port 3000!')
})

打开命令窗口执行命令:

npm start                                                                                                                                                                              创建一个支持es6的nodejs项目

打开浏览器输入localhost:3000 如下:

创建一个支持es6的nodejs项目