码迷,mamicode.com
首页 > Web开发 > 详细

babel-node + Express NodeJS项目搭建指南

时间:2019-02-13 22:45:34      阅读:406      评论:0      收藏:0      [点我收藏+]

标签:安装包   expressjs   搭建   expr   his   nodejs   keyword   .com   src   

1.搭建Node.js环境

 从官网下载安装

2.搭建Express环境

    express 是 node.js的短精简的Web框架,官网:http://www.expressjs.com.cn/ 

    安装:

             npm install express -g  #-g表示全局安装  -S = --save

             npm install express-generator -g

 

3.在某个目录下,用express命令创建项目

 3.1 创建项目

 express <项目名>

技术图片

 

创建的文件有app.js,package.json 目录有bin public routes views

技术图片

3.2 用`npm install`安装依赖模块

技术图片

 安装开始后会生成一个专门放安装包的目录:node_modules

技术图片

 

 3.3 启动服务器观察是否可以访问

 使用npm start命令启动服务器,并访问3000端口观察是否可以正常访问

技术图片

技术图片

技术图片

如上express项目配置完成,下一步配置babel-node,一款编写node.js方便的小工具。

4.安装babel-node

4.1 安装babel-cli

在项目根目录执行一下命令:

 $npm install babel-cli --save-dev

$npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react

4.2 安装转码规则

$npm install babel-preset-env --save-dev

 4.3 在根目录下创建.babelrc这个文件,就是转码的时候用的

配置转码规则:

{

    "presets":["env"]

}

技术图片

 

4.4 创建文件进行测试

class Point{
    constructor(x,y){
         this.x = x;
         this.y = y;
    }
    toString(){
        return "(" + this.x + "," + this.y + ")";
    }
}
 let p = new Point(1,2);
 console.log ( p.toString() );
 console.log(Point.name + "..............................................");
 let p2 = new Point();
 p2.x = ‘x2‘;
 p2.y = ‘y2‘;
 console.log(p2.toString());
--------------------- 
引用自:https://blog.csdn.net/Cinderella___/article/details/81071098 感谢!

 

技术图片

4.5 直接运行

node .\node_modules\babel-cli\bin\babel-node.js   <起始js>

技术图片

如图,运行成功!

4.6 配置一键运行项

 

 技术图片

技术图片

如图运行成功。至此项目配置完成

 

babel-node + Express NodeJS项目搭建指南

标签:安装包   expressjs   搭建   expr   his   nodejs   keyword   .com   src   

原文地址:https://www.cnblogs.com/yosql473/p/10371887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!