一:安装node环境
1、下载并安装node:下载地址 https://nodejs.org/en/
2、打开命令窗口执行 node-v 和 npm-v 如下则安装成功。
开始创建项目
1、创建项目文件夹,初始化nodejs项目
在对应项目中新建一个子文件夹取名es6-demo,打开文件夹根目录中代开命令行窗口,执行命令,生成package.json文件。
命令如下:
npm init -y
2、在根目录下新建index.js.
3、安装npm依赖组件
首先安装express,打开命令窗口执行如下命令:
npm install --save express
安装babel,在package.json 中会用到:
npm install --save-dev babel-cli babel-preset-es2015 rimraf
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 express from ‘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
打开浏览器输入localhost:3000 如下:
—————————————————————————————————
到此便结束了。