安装全局的babel

在命令提示符下，输入下面命令：

npm install babel-cli babel-eslint -g

完成后，可以输入

babel --version

可以显示babel的版本号

用npm init创建工程

如果已创建，则跳过

在控制台下，建好工程目录，如:d:\work\firstnode

然后进入该目录

d:

cd d:\work\firstnode

npm init

完成node的工程创建

为了便于管理，我们将源代码目录放在lib目录下面，或src目录，在这里我用的是lib目录

编译后可以运行的目录放在build目录下面 

这样就会有两个目录

d:\work\firstnode\libd:\work\firstnode\build

安装编译插件

在控制台下，目录为d:\work\firstnode安装插件，输入:

npm install --save-dev babel-preset-eslatest-node6

编写.babelrc

//----------------------------------------------------------

{

"presets": ["eslatest-node6"],

"plugins": [

]

}

//---------------------------------------------------------------

---------------------

用vscode编写代码

在控制台并在d:\work\firstnode下面，输入code .就可以打开当前工程

或者先启动vscode后，选择打开文件夹，选择这个目录也可以。

在vscode的左边的资源管理器，新建一个index.js放到lib目录下面

//-------------index.js--------------------------------------

console.log("hello world");

//---------------------------------------------------------------

然后在控制台下输入命令

babel lib -d build\lib

1

就可以看到在build\lib目录面，多了一个index.js

配置运行

用vscode选择调试，调试显示的是没有配置，然后进行配置，就会进入vscode配置lanuch.json编辑

{

// Use IntelliSense to learn about possible Node.js debug attributes.

// Hover to view descriptions of existing attributes.

// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387

"version": "0.2.0",

"configurations": [

{

"type": "node",

"request": "launch",

"name": "启动程序",

"program": "${workspaceRoot}\\bulid\\lib\\index.js"

},

{

"type": "node",

"request": "attach",

"name": "附加到端口",

"address": "localhost",

"port": 5858

}

]

}

将program改为${workspaceRoot}\bulid\lib\index.js就可以了，然后按F5就可以运行了。

为了方便调试，修改package.json中的script，增加如下内容

"scripts": {

"build": "babel lib -d build/lib -s inline",

"babelWatch":"babel lib/**/*.js -d build -w -s inline",

"releaseBuild":"babel lib -d release/lib --no-comments --compact true --minified"

},

然后在控制台下，输入npm run build就会执行babel lib -d build/lib -s inline

这样，就完成了node的vscode环境操作