首页 > 其他分享 >QShop商城-快速开始-前端

QShop商城-快速开始-前端

时间:2024-05-27 17:03:30浏览次数:24  
标签:npm code 前端 QShop 依赖 打开 商城

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内文件上传至网站根目录即可,如下图

启动运行 启动运行

查看QShop官网

查看QShop源码

QQ群: 925862525

标签:npm,code,前端,QShop,依赖,打开,商城
From: https://www.cnblogs.com/qiushuangju/p/18215956

相关文章

  • app上架国内应用商城合规检测、隐私合规检测
    1.工具准备camile代码(python)gitclonehttps://github.com/zhengjim/camille.git模拟器(夜神模拟器/Mumu模拟器)mumu模擬器:127.0.0.1:7555夜神模擬器:127.0.0.1:62001FridaFirda是一款易用的跨平Hook工具,Java层到Native层的Hook无所不能,是一种动态的插桩工......
  • 前端程序员快速学会 Redis
    由于在学习Docker的过程中,使用到了Redis,但是不会,就快速补课一下Redis,以能会基础使用就够了,不求甚解。由于这篇会使用到上一篇文章Docker入门(一),没看的可以看看:前端程序员如何学习Docker(一)-掘金(juejin.cn),下面开始Redis入门:什么是Redis?官方说:"Redisisanin......
  • 解决前端性能瓶颈:高效处理大量数据渲染与复杂交互的策略与优化方法
    ✨✨祝屏幕前的小伙伴们每天都有好运相伴左右,一定要天天开心!✨✨ ......
  • Web系列-前端游戏
    Web系列-前端游戏在CTF比赛web题目中,出题人为了添加趣味性,常有将web小游戏作为题目的,本篇博客会将自己遇到的web前端游戏题目记录在这里。[NewStarCTF2023公开赛道]游戏高手是一个飞机大战的游戏题目说100000分就给flag,F12看看游戏游戏代码在app_v2.js中找到关键代码//......
  • 无界(wujie)微前端子应用elementUI时,dialog中使用Select、TimePicker等组件,弹出框位置
    无界(wujie)微前端子应用elementUI时,dialog中使用Select、TimePicker等组件,弹出框位置可能会异常,如图:解决方法参考:public/index.html文件1、body中加style="position:relative"2、script中加if(window.__POWERED_BY_WUJIE__){Document.documentElement.classList.add(“i......
  • (读后分享)移动Web前端高效开发实战:HTML 5 + CSS 3 + JavaScript + Webpack + React Nat
    链接:pan.baidu.com/s/1tIHXj9HmIYojAHqje09DTA?pwd=jqso提取码:jqsoHTML5新特性与应用:介绍HTML5的新特性,包括语义化标签、本地存储、设备兼容、连接特性等,并讲解如何在移动Web前端开发中充分利用这些特性提升用户体验。CSS3样式与动画设计:详细讲解CSS3的样式设计和动画效果,包......
  • springmvc 前端向后端发送http请求报错“HTTP状态 405 - 方法不允许”
    如图我使用前端向后端发送文件时报错,405方法不允许,于是我就检查了前后端的method方法设置是否一致?  检查后发现明明前后端请求方式一致,都是post遵循文件上传的方式。这个问题令我十分苦恼,最后发现原来是前端提交form表单时设置的选项之间存在逗号,原则是每一项之间都不应......
  • 前端性能优化总结
    1.图片懒加载原理  图片懒加载也叫延迟加载,只加载当前屏幕的图片,可视区域外的图片不会进行加载,只有当屏幕滚动的时候才加载。特点:提高网页加载速度减少后台服务器压力提升用户体验原理:将图片地址存储到data-xxx属性上判断图片是否在可视区域如果在,就设置图片src绑定......
  • 【前端】VS Code 前端环境搭建教程
    ......
  • QShop商城-快速开始-后端
    QShop商城-快速开始-后端下载代码QShop目前默认SDK版本为.Net6,推荐使用此版本(默认使用VS2022开发)下载地址为:https://gitee.com/qiushuochina/QShop目录说明后端代码结构初始化数据库用MySql创建一个数据库,例如:qshop使用8_数据库脚本内的MySql初始化初始化数......