一、打包项目

使用 WebStorm 打开项目,在 WebStorm 的终端输入添加依赖命令

> npm install
> npm run build

打包完成后,会在项目根目录下生成一个 dist 文件夹,里面的文件就是需要部署的打包文件。

二、部署项目

全局安装 express-generator 生成器

> npm install express-generator -g

三、创建项目部署目录

使用 Node.js 命令提示工具进入项目部署根目录,使用 express 创建项目目录。

> express test

进入 test目录,安装依赖

> cd test
> npm install

将之前 dist 目录下的所有文件复制到test 的 public 目录下

四、运行项目

> npm start

在浏览器地址栏输入 127.0.0.1:3000 ,【回车】就可以看到发布的项目。
 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐