当前位置: 代码网 > it编程>编程语言>Asp.net > QShop商城-快速开始-前端

QShop商城-快速开始-前端

2024年05月27日 Asp.net 我要评论
QShop商城-快速开始-前端 工具准备 NodeJs 前端环境为NodeJs,下载地址:http://nodejs.cn/download/current/ 。 默认会用版本为Node 16,如找不到我已分享: https://pan.baidu.com/s/1yM2TysvkH0pD7NdAAe ...

qshop商城-快速开始-前端

工具准备

nodejs

前端环境为nodejs,下载地址:http://nodejs.cn/download/current/ 。 默认会用版本为node 16,如找不到我已分享: https://pan.baidu.com/s/1ym2tysvkh0pd7ndaaexcag 提取码: y9c5

visual studio code

下载最新版的vs code,用来作为前端的开发工具。

打开项目

打开目录3_pcadmin双击zqshop.code-workspace,使用vscode打开项目

修改配置

设置后端接口地址 打开 .env.dev ,部署时应该修改 .env.prod .如下图 修改配置

安装依赖

安装依赖 终端=>新建终端=>输入npm install 启动npm 安装

运行前端

安装依赖后继续输入 npm run dev 启动运行

启动后端,请查看上一章[快速开始(后端)]

启动成功后,使用浏览器访问http://localhost:8888/即可打开界面 输入图片说明

部署前端

安装依赖后继续输入npm run build,生成dist文件

宝塔面板创建网站,将dist内文件上传至网站根目录即可,如下图

启动运行 启动运行
(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com