一、搭建环境

  • node.js环境(npm包管理器)
  • cnpm npm的淘宝镜像
  • express-generator构建工具

1. 安装node.js环境(npm包管理器)
node.js官网下载并安装node.js。安装完成之后,打开命令行工具,输入node -v,如下图,如果出现相应的版本号,则说明安装成功。
npm包管理器已经在node中集成,
再接着输入npm -v 可看到npm版本信息。表示node.js和npm环境都已安装成功。
在这里插入图片描述
2. 安装cnpm淘宝npm镜像(cnpm的速度快到令人发指)
win+R启动cmd窗口(注意,一定要是管理员权限启动,不过大部分win+R启动的cmd都是管理员权限),运行下面。如有报错,请自行百度错误提示解决。

npm install -g cnpm --registry=http://registry.npm.taobao.org

3.安装Express-generator自动构建工具
win+R启动cmd窗口(注意,一定要是管理员权限启动,不过大部分win+R启动的cmd都是管理员权限),运行下面(装好cnpm以后所有的npm命令均可换为cnpm)。运行下面。如有报错,请自行百度错误提示解决。

cnpm install express-generator -g

二、构建项目

  1. 创建项目路径
    在任意路径创建一个空文件夹。在这里插入图片描述
  2. 构建项目
    1)cmd窗口进入该路径。
    在这里插入图片描述
    2)输入以下命令
express 你要创建的项目名

示例如下:
在这里插入图片描述
创建出来的文件夹列表如下。
在这里插入图片描述
进入刚才创建的项目路径,安装项目依赖。命令如下:

cnpm installnpm install 

在这里插入图片描述
然后把前端提供给你的dist文件夹下面的所有文件夹和文件都丢到刚才创建的项目路径下面的public文件夹里面。

在这里插入图片描述

  1. 运行项目
    输入 npm start 启动项目。
    打开浏览器输入:http://localhost:3000
    即可看到启动效果。
Logo

前往低代码交流专区

更多推荐