您的位置:首页 > Web前端 > Node.js

创建一个支持es6的nodejs项目

2018-01-24 19:28 218 查看
安装node环境
1、下载并安装node:下载地址 https://nodejs.org/en/
2、打开命令窗口执行 node-v 和 npm-v 如下则安装成功。



下面我们正式开始:
1、创建项目文件夹,初始化nodejs项目
     在对应项目中新建一个子文件夹取名es6-node,打开文件夹根目录中代开命令行窗口,执行命令,生成package.json文件。
     命令如下:
     npm init -y                                                                                                                                                                      



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                                                                                              



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                                                                                                                                         
                                   


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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: