前后端交互 前提准备

1.下载node

进入www.node.js.org/zh-cn node官网

下载node

2.验证node是否下载安装成功

打开cmd命令行

输入 node -v

若能输出版本号 则安装完成

3.修改淘宝镜像

打开cmd命令行

输入 npm config get registry查看我们现在的淘宝镜像

若没有修改过 应该为https://registry.npmjs.org/

我们需要修改为国内的淘宝镜像

输入 npm set registry https://registry.npm.taobao.org

修改过后进行查看 npm config get registry

 

4.初始化项目

（1）创建一个文件夹（文件夹名字不要用汉字）

（2）在webStorm中打开此文件夹

（3）在左侧列表中右键文件夹 点击Open in Terminal

  (4) 在弹出的窗口中输入npm init -y

 

 然后等待片刻  完成初始化 此时发现 在文件夹中有一个package.json

 

 

 5.安装express等

在前后端交互中 会用到express等框架

（1）单个安装

在 下部窗口中 输入 npm i express

（2）多个安装

输入 npm i express swiper art-template

（安装什么 看自己需要安装 如 express swiper art-template swiper等）

6.新建index.js

在文件夹中新建index.js

 

 7.运行项目

打开命令行 输入node index或者 node index.js

即可运行项目

打开浏览器 输入网址 

http://localhost:3000/