创建一个支持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 如下:
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 如下:
相关文章推荐
- 创建一个支持ES6的Nodejs项目
- 利用anjuta+glade+poedit创建一个支持国际化语言的项目
- 在idea创建支持es6的web项目
- 【nodejs】新手如何一步步创建一个简单的express项目
- 使用nodejs、ejsExcel、express、vuejs编写一个excel转json的工具——第一步:创建vuejs项目并搭建开发环境
- nodejs 利用express框架 创建一个简单的web项目
- NodeJs-创建一个项目
- github使用(通过webstorm创建一个nodejs项目的本地git库,推送到github进行管理,(ssh密钥无用户密码方式))
- 使用Maven创建一个Spring MVC Web 项目
- MVC学习笔记(一) 创建一个属于自己的MVC项目
- 使用idea创建一个web项目
- 使用IDEA创建一个maven项目
- 【翻译】在Visual C#中如何创建一个Windows服务的安装项目
- kingshard--一个支持sharding的MySQL Proxy项目
- 一个工程多个target(项目)如何创建
- Twitter Storm: 创建一个新的storm项目
- 基础教学——如何用maven工具创建一个springmvc+mybatis的项目
- 创建一个ArcGIS for Android 新项目并显示出本地的地图
- 使用Babel和Broserify创建你的ES6项目
- 1、创建一个django项目