首页 > 其他分享 >Ajax环境搭建

Ajax环境搭建

时间:2022-10-19 22:03:59浏览次数:52  
标签:202210 com 环境 blog Ajax 文件夹 2940460 ### 搭建

# Ajax服务环境搭建

### 1. 首先下载安装 **node**

### 2.随便在哪新建文件夹,重命名为 server (命名随便,我习惯),打开这个文件夹,按住 **shift** 键,右击选择**在此处打开Powershell 窗口(S)**

​ ![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123749214-1931148428.jpg)


### 3.在命令行输入:

~~~
npm init --yes
~~~

![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123802534-2001474338.jpg)


> 此时该文件夹会生成一个 **package.json文件**

![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123812647-1191169194.jpg)


### 4.继续在命令行输入:

~~~~
npm install express --save
~~~~

![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123820737-1442256180.jpg)


> **此时,该文件夹就会生成 package-lock.json文件 和 node_modules 文件夹**

![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123828539-230390502.jpg)


### 5.新建文件夹 “public”,并在public文件夹中新建 “index.html”文件,index.html文件的内容就是H5框架

![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123836146-134581410.jpg)


### 6.在server文件夹下,新建文件 app.js,app.js 的内容如下

~~~js

//引入express框架
const express = require('express')

//引入路径处理模块
const path = require('path')
const bodyParser = require('body-parser')
const fs = require('fs')
//创建web服务器
const app = express()
app.use(bodyParser.json())


//静态资源访问服务器功能
app.use(express.static(path.join(__dirname,'public')))

//监听端口
app.listen(3000);

//控制台提示输出
console.log('服务器启动成功')
~~~

### 7.在server文件夹下,,按住shift 键,,点击 “ 在此处打开Powershell 窗口(S)”,输入

~~~
node app.js
~~~
![](/i/l/?n=22&i=blog/2940460/202210/2940460-20221001123848625-2090877161.jpg)


### 8.打开浏览器,输入网址:`http://localhost:3000/`,后面加上你的文件名直接运行h5
# 下面你就可以随意的玩耍了

标签:202210,com,环境,blog,Ajax,文件夹,2940460,###,搭建
From: https://www.cnblogs.com/ljlp/p/16807967.html

相关文章

  • day05 搭建Jemeter自动化环境
    一、安装配置ant环境1.下载ant安装包:https://dlcdn.apache.org//ant/binaries/apache-ant-1.10.12-bin.zip ,并解压缩注意:ant版本于本地JDK版本匹配2.配置ant的环境变......
  • Python系列(1)- Python 简介、开发环境配置和基础语法
    Python是荷兰人GuidovanRossum(吉多·范罗苏姆,中国程序员称其为“龟叔”)在1990年初开发的一种解释型编程语言。Python源代码遵循GPL(GNUGeneralPublicLicense)......
  • 彻底搞懂Ajax,Promise,Axios
    一、ajaxAJAX:异步JavaScript和XML,用来发送异步请求。有了Ajax之后,在无需重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 Ajax是基于现有的Int......
  • VSCode搭建C和C++环境
    @目录前言下载安装设置.vscodec_cpp_properties.jsonlaunch.jsonsettings.json下载CodeRunner插件运行代码VSCode我个人的配置项设置前言说明下如何在VSCode下面搭建C/......
  • jQuery之ajax技术
    1:Ajax技术包含以下几点:   基于Web标准(XHTML+CSS)的展示  使用DOM进行动态显示和交互  使用XMLHttpRequest进行数据交换和相关操作  使用javascript将所......
  • 如何高性价比地构建GPU环境,实现GPU自由?
     Datawhale 主题:构建GPU环境引言:要做深度学习,必然需要GPU,如何构建一个弹性的GPU环境是很多读者关心和常问的问题,今天主要分享关于云服务器的选择。由于购买GPU价格高昂......
  • 记录一次阿里云ECS搭建代理服务器的过程
    [参考资料](Tinyproxy安装与配置(ip代理)-林先生(downdawn.com))1.一键安装脚本vimproxy.sh#!/bin/bash#配置文件CONFIG_FILE="/etc/tinyproxy/tinyproxy.con......
  • JAVA开发笔记之svn: E205007: 没有设置 SVN_EDITOR,VISUAL 或 EDITOR 环境变量,运行时的
    开发环境为mac;svn:E205007:没有设置SVN_EDITOR,VISUAL或EDITOR 环境变量,运行时的配置参数中也没有“editor-cmd”选项 在用户环境变量中添加SVN_EDITOR$vim......
  • uboot环境变量
    zynqmpuboot2020.1环境变量初始化流程先要设置环境变量的存储位置,否则uboot没有saveenv命令运行petalinux-config-cu-boot,如果是单独编译uboot则用makeARCH=arm64......
  • oracle xtts 在aix环境上无法运行全备脚本
    随着业务升级,部分老机器(aix)的数据需迁移至新的服务器上(linux-x86_64),而且数据量也比较大,还涉及较多的blob字段,再加上又是跨平台,跨版本迁移,所以这里选择使用oracle官方推......