nodejs、npm搭建前端项目

nodejs就是可以在非浏览器的地方运行js代码,java的jre一个效果。

npm就是js版的maven,下载运行包的。

npm init -y 初始化空间

npm install jquery 下载包

npm install 通过配置文件(package.json)下载。

报错这个:

You have mistakenly installed the `babel` package, which is a no-op in Babel 6. Babel's CLI commands have been moved from the `babel` package to the `babel-cli` package.  

我们直接强制安装:

npm install --global babel-cli --force

就OK了 

然后当我们运行vue项目时,报错:error:0308010C:digital envelope routines::unsupported

就说明你的node版本太高了,只需要降低版本,用到nvm工具就可以了,这里我们直接查看这个博客:

Vue 报错error:0308010C:digital envelope routines::unsupported_柠檬果子青的博客-CSDN博客

然后运行,就可以啦!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 安装node.js 首先需要安装node.js,可以在官网上下载安装包,安装完成后,打开终端或命令行,输入以下命令,确认已经安装成功: node -v npm -v 2. 创建项目 在终端或命令行中,进入项目所在目录,执行以下命令,创建一个新的node.js项目npm init 根据提示输入项目信息,完成项目初始化。 3. 安装依赖 在项目根目录下创建一个新的文件夹,命名为“server”,用来存放后端代码。然后,在终端或命令行中,进入server文件夹,执行以下命令,安装所需的依赖: npm install express body-parser request --save 这里使用了express框架、body-parser中间件和request模块,分别用于搭建服务器、解析请求体和发送HTTP请求。 4. 编写后端代码 在server文件夹下创建一个新的文件,命名为“app.js”,用来编写后端代码。以下是一个简单的示例: const express = require('express'); const bodyParser = require('body-parser'); const request = require('request'); const app = express(); app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); app.get('/api/data', function(req, res) { const data = { name: 'Tom', age: 18 }; res.send(data); }); app.post('/api/login', function(req, res) { const { username, password } = req.body; if (username === 'admin' && password === '123456') { res.send({ code: 0, message: '登录成功' }); } else { res.send({ code: -1, message: '登录失败' }); } }); app.listen(3000, function() { console.log('Server is running on http://localhost:3000'); }); 这段代码定义了两个接口:一个GET请求,返回一个对象;一个POST请求,根据请求体中的用户名和密码返回登录结果。端口号为3000。 5. 启动服务器 在终端或命令行中,进入server文件夹,执行以下命令,启动服务器: node app.js 如果一切正常,可以看到控制台输出“Server is running on http://localhost:3000”。 6. 发送请求 可以使用postman等工具发送请求,也可以在小程序中使用wx.request()方法发送请求。以下是一个简单的示例: wx.request({ url: 'http://localhost:3000/api/data', success: function(res) { console.log(res.data); } }); 这段代码发送一个GET请求,请求返回的数据将在控制台输出。 至此,一个基于node.js搭建前端服务器就完成了。可以根据自己的需求,编写更多的接口和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值