分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:33责任编辑:熊小新关键词:Node

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项目搭建指南

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved