前端项目工作实战

【零散技术】MAC 安装多版本node

时间是我们最宝贵的财富,珍惜手上的每个时分不同前端项目运行的node版本不一致，会导致无法运行，就像Odoo也需要依据版本使用对应的python环境。
Odoo穆尘·2025-01-30 16:29

Vue前端项目构建

目录1、安装Vue脚手架1.1安装node.js1.2安装npm1.3安装Vue脚手架2、通过Vue脚手架创建项目2.1基于3.x版本的脚手架创建vue项目，这里使用图形界面方式创建。3、启动项目4、项目初始化文件结构5、Vue脚手架自定义配置6、安装Element-UI插件7、使用Element-UI
踏 浪·2025-01-29 03:41

如何设计一个合理的vue前端项目架构

在前端开发中，我学习的是vue的开发路线。在最初的学习中，除了学习理论知识，还有就是看一些开源项目学习如何将vue应用到实际开发中。合理的项目架构设计是项目成功的基础之一。一个好的架构不仅可以提升代码的可读性和可维护性，还能提高开发效率，并降低项目的长期维护成本。所以，本文将以构建项目为起点，探讨如何设计关于vue的前端架构。1.项目初始化1.1创建项目vue不是在IDE中创建项目，而是使用工具在
叫我阿柒啊·2025-01-29 02:34

由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城

/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目
编程小飞侠a·2025-01-28 11:40

基于SpringBoot+Vue码头船只货柜管理系统

期待与各位高校教师、企业讲师以及同行交流合作主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开
qq_469603589·2025-01-27 08:28

Vite + Vue3 + TS项目配置前置路由守卫

前置条件在开始配置项目前置路由守卫前，博主希望你能够先达成以下前置条件：1.完成Vue3前端项目搭建:Vite创建Vue3+TS项目2.引入
洛*璃·2025-01-26 08:32

Vue全家桶 - 电商后台管理系统项目开发实录（详）

目录1.项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式（前、后端分离）2.项目初始化2.1前端项目初始化步骤码云相关操作2.2后台项目的环境安装配置3.登录
←か淡定☆ ヾ·2025-01-24 00:16

基于 Github Actions 和 Docker 的前端项目CI/CD

一、项目背景最近在写一个管理系统项目的时候出现了一些比较麻烦的问题，由于进度比较赶，项目虽然上线了，但是还需要继续开发，这就涉及到频繁的构建和部署。首先讲一下没使用CI/CD之前的部署方式:首先使用pnpmbuild，拿到项目的打包产物.output文件夹将.output文件夹压缩，并通过服务器可视化工具宝塔，将压缩包上传到指定文件夹下第一次部署时使用pm2命令pm2start./.output/
Single·2025-01-22 21:52

Axios封装一款前端项目网络请求实用插件

前端项目开发非常经典的插件axios大家都很熟悉，它是一个Promise网络请求库，可以用于浏览器和node.js支持的项目中。
smart_ljh·2025-01-20 12:03

【学习总结|DAY028】后端Web实战(部门管理)

在这种模式下，前端项目和后端项目的开发、部署相互独立。其开发流程包括需求分析、接口设计、前后端并行开发、测试以及联调等环节。
123yhy传奇·2025-01-19 14:33

基于vue.js+element-ui组件开发的博客blog详细步骤

vue学习笔记一、前端项目初始化步骤1、通过vuecli3创建项目2、配置vue路由3、配置element-ui组件库4、配置axios库5、初始化git远程仓库6、将本地项目托管到GitHub或码云上二
perfect-code-hzy·2025-01-19 00:00

【2025最新计算机毕业设计】基于SSM的旅游与自然保护平台【提供源码+答辩PPT+文档+项目部署】

✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。
万码堂源码·2025-01-18 11:01

【源码+文档】基于SpringBoot+Vue旅游网站系统【提供源码+答辩PPT+参考文档+项目部署】

✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。
万码堂源码·2025-01-18 11:31

vite-ant-design-pro 使用指南

项目地址:https://gitcode.com/gh_mirrors/vi/vite-ant-design-pro项目介绍vite-ant-design-pro是一个基于Vite和AntDesign的现代前端项目模板
裴若音Nola·2025-01-18 06:58

基于 React 和 Vite 的前端项目自动化测试方案

背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。例如在表单功能从简单到复杂的迭代过程中，手动测试成本会指数级增长且可能无法完成所有测试，此时引入自动化测试能提升效率、保证测试覆盖范围、减少误差和遗漏、实现用例重复使用等。成本初始成本，引入自动化测试框架
·2025-01-17 10:27

了解 UNPKG：前端开发者的包管理利器

不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？
小于负无穷·2024-09-15 20:33

系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机

假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。
rabbit_it·2024-09-15 17:12

nginx部署前端项目的一些配置【刚入门】

前期准备：在linux上安装nginx，我用的是腾讯云centos7服务器，具体的安装过程可以到腾讯云的开发者实验室里体验，自己先试试水。修改nginx.conf配置文件，我用到的修改只是以下的部分。1.端口号2.项目的存放位置server{listen8088default_server;#访问的端口号。listen[::]:8088default_server;server_name_;#ro
weixin_30847271·2024-09-15 04:10

rsync exited with code 255.Load key “...“: invalid format Permission denied, please try again.

在配置githubactions自动部署前端项目到服务器上时，登录服务器使用的是秘钥登录。
沧州刺史·2024-09-15 01:16

【VSCode扩展】通义灵码运行提示“此应用无法在你的电脑上运行”

个人专栏推荐：《前端项目教程以及代码》自从半月前，通义灵码一运行就会报这个错尝试了以下方法，都无法解决：阿里云官方方法：删除c盘的.lingma卸载重新安装通义灵码以管理员身份运行VSCode防火墙设置准入安装之前的版本最后是在扩展设置里面解决的路径不填也可
coderYYY·2024-09-15 01:45

微信小程序生成小程序转发链接，携带参数跳转到另外一个页面

个人专栏推荐：《前端项目教程以及代码》✨一、前言需求：在页面A生成分享链接（携带参数），分享到微信聊天后，好友点击链接可跳转到页面B，页面B可获取到参数二、具体实现pageA（生成链接页面）：通过给button
coderYYY·2024-09-15 01:15

Node.js 、Yarn、npm、Vue、Vite、Webpack 前端一套流程

前端项目的搭建Vue、Vite、Webpack、Yarn、Node.js和npm的概念解释，以及它们之间的关系：Node.js：一个开源、跨平台的JavaScript运行时环境，可以让JavaScript
叫我DPT·2024-09-13 06:09

css-loader/style-loader/less-loader/sass-loader/postcss-loader各有什么作用，一次性说明白

大家都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢
iWangsd·2024-09-11 11:49

花十分钟将vue3前端项目一步一步自动化部署到linux的docker上

要编写与ASM兼容的代码，开发人员需要使用UserIdService中的takeUserId()函数来确定OCC调用中使用的userId。这通常在一个服务中完成，该服务调度一个在有效负载中包含userId的Action.在Spartacus官方支持ASM场景之前，在代表经过身份验证的用户发送的请求中，OCCuserId是特殊的currentOCC用户，由OCC_USER_ID_CURRENT常量表
东方睡衣·2024-09-08 10:15

【vue、react】前端如何为package.json添加注释

参考文章：如何为package.json添加注释众所周知，JSON文件是不支持注释的，除了JSON5/JSONC之外，我们在开发项目特别是前端项目时，大量会用到JSON文件，特别是在编写package.json
fruge365·2024-09-07 11:38

nginx 部署前端项目的详细步骤（vue项目build打包+nginx部署）_前端工程打包部署到nginx(2)

//开启服务1.startnginx.exe//cmd命令进入nginx文件夹后，使用该命令2.直接点击nginx目录下的nginx.exe//停止服务nginx-sstop//快速停止nginxnginx-squit//quit是完整有序的停止nginx//重新加载配置文件nginx-sreload//热加载####2.2.2默认配置**nginx-1.21.0\conf下的nginx.conf
2401_84437170·2024-09-05 03:25

MVVM 设计模式：构建高效且可维护的前端应用

本文将详细介绍MVVM的核心概念、优势以及如何在前端项目中实现MVVM。什么是MVVM？MVVM是一种软件设计模式，用于组织和分离用户界面（UI）的各个部分。它由三个主要部分
Lill_bin·2024-09-04 23:00

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目的步骤如下：1.构建Vue.js项目首先，确保你已经完成了Vue.js项目的开发。
Min_nna·2024-09-04 10:09

前端项目开发之安装prettier和使用

前端项目开发之安装prettier和使用Prettier是一个流行的代码格式化工具，可以帮助你保持代码风格的一致性。
迷途小码农零零发·2024-09-03 18:59

使用脚本一键打包并上传docker镜像

笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。
春深是蔚蓝·2024-09-03 11:09

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目相对简单，通常包括以下几个步骤：1.构建Vue.js项目首先，你需要将Vue.js项目打包为静态文件。
iangyu·2024-09-02 11:48

使用 Nginx 部署前端 Vue 项目

在这篇文章中，我们将深入探讨如何使用Nginx部署一个Vue.js前端项目。Vue是一个流行的前端JavaScript框架，而Nginx则是一个性能卓越的Web服务器和反向代理服务器。
vvvae1234·2024-09-02 09:35

JavaScript 模块化开发：ES6 模块与 CommonJS 的对比与应用

前言随着前端项目规模的增长，代码组织和管理变得越来越复杂。模块化开发成为解决这一问题的有效手段，能够帮助开发者将代码进行分割、复用和维护。
程序员小羊！·2024-09-02 01:12

为了在前端项目打包后删除 console.log 日志，可以采用不同的方法来实现这一目标。以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。这可以通过检查process.env.NODE_ENV环境变量来实现：constisProduction=process.env.NOD
云只上·2024-09-01 12:50

JavaWeb——前端工程化

前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境
A_Tai2333333·2024-08-31 08:21

【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题

2.前端项目的目录结构问题：你通常如
快乐点吧·2024-08-30 12:39

node.js版本管理器——NVM

在日常工作中，需同时开发好几个前端项目的时候，可能不同项目使用的node的版本也不一样，而一台电脑只能安装和同时使用一个版本的node，这个时候我们需要借助NVM来管理node的版本了。
小清20·2024-08-29 07:24

alibaba cloud linux3+graalvm21+maven+nodejs+docker+jenkins2.440.1 线上环境配置自动打包部署构建前端项目

安装docker添加docker-ce的dnf源sudodnfconfig-manager--add-repo=https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo安装AlibabaCloudLinux3专用的dnf源兼容插件sudodnf-yinstalldnf-plugin-releasever-adapter--re
等一场春雨·2024-08-28 00:30

自定义tabbar跳转防止页面抖动(uniapp案例,也适用所有前端项目)

自定义tabbar思路就是自己写个tabbar组件引入到tabbar页面内,使每个页面显示也会有这个组件显示,但是这样的话,每次点击由于tabbar是作为页面组件使用的,会跟着组件的渲染和销毁一起执行,导致每次页面显示就会有抖动效果,解决方式为:做一个主页面,将tabbar页面引入进去,同时把该tabbar对应的页面也引入进去,这样的话只需要一个页面执行显示和隐藏就行了,也不会导致tabbar组件
萧寂173·2024-08-27 05:29

创建前端项目中架构基本流程(vue版)

本文章根据黑马程序员《大事件管理系统.md》整理编辑，不涉及具体项目实现，只整理项目前期准备的流程，具体项目实现可bilibili搜索黑马程序员获取此文档梳理搭建vue项目的基本流程及相应模板的创建本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router、vite、axios和element-plus包管理器-创建项目使用npm，yard，pnpm进行创建项目，具体流程可去
小徐努力中·2024-08-26 15:50

Jenkins实现前端项目自动化构建

一、基础环境准备前端代码是通过Gitlab管理、通过npm编译，因此必须先安装Git以及搭建nodejs环境。1.Git安装及Gitlab账号配置①安装Gitbashyuminstallgit-y#安装gitgit--veriosn#验证是否安装成功安装完成后测试git是否安装成功，若安装成功会返回版本号，如：gitversion1.8.3.1。不同于Java或一些其他插件，Git安装完成后，可以
测试界筱筱·2024-08-24 03:09

Yarn 管理的前端项目转换为使用 npm

如果你想将一个使用Yarn管理的前端项目转换为使用npm，你需要执行一些步骤来确保成功迁移。以下是一种可能的方法：步骤：备份项目：在执行任何更改之前，确保你对项目进行了备份。
577wq·2024-03-24 04:20

Nodejs运行vue项目时，报错：Error: error:0308010C:digital envelope routines::unsupported

前端项目使用(npmrundev)运行vue项目时，出现错误：Error:error:0308010C:digitalenveloperoutines::unsupported经过探索，发现问题所在，主要是
softshow1026·2024-03-11 14:43

Webpack配置与运行基础教程

在前端开发中，Webpack是一款非常流行的模块打包工具，它可以帮助我们将多个文件打包成一个或多个静态资源文件，从而提高前端项目的性能和可维护性。
猿小白klp·2024-03-09 03:28

前端项目中的字典封装

有时候在开发的过程中会遇到某个字段等于多种值，不同值表示不同的意思。如下案例：bindingAcctType=DEBIT是借记卡，=CREDIT是贷记卡，=PUBLIC是对公账户等等情况如果是我刚入行的时候可能是下面这种写法。functiongetTypeName(type:string){returntype==='DEBIT'?'借记卡':type==='CREDIT'?'贷记卡':'对公账户
新时代农民工--小明·2024-03-08 13:08

TypeScript 中的 type 和 interface：你真的了解它们的不同吗？

不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3+TypeScript已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中，type和interface是两个重要的关键字
·2024-03-02 05:20

vue + nginx 前端项目的线上服务部署

根据上篇文章基本就差不多了一下为自己在项目搭建中实际操作在项目部署过程中一定会遇到代理问题（解决原理都是一个套路）vue项目在本地开发过程中解决跨越是在config.js中解决的（如下）但是在线上项目中依旧会有跨域的问题出现所有要在nginx.config里进行配置进行代理配置proxy_pass的路径就是你本地路径重启一下nginx基本就行了
多久以后_Mr·2024-02-27 07:25

优雅使用前端枚举Enum，符合国标的那种！

在前端项目中还是会用到经常用到这类型数据的，本文就对枚举做一个通用封装，并进行尽量
安木夕·2024-02-26 21:00

在IDEA中创建vue hello-world项目

工作中最近在接触vue前端项目，记录一下从0搭建一个vuehelloworld项目的步骤1、本地电脑安装配置node、npmD:\Project\vue\hello-world>node-vv14.21.3D
fragrans·2024-02-26 00:08

[前端]开启VUE之路-NODE.js版本管理

前端项目也是一样。为了项目能够快速启动，Node.js的版本管理，可以带来很大的便利（node.js快速切换版本）。要将Mac上的Node版本降级，你可以按照以下步骤进行操作：首先，打开终端应用程序。
猿Why·2024-02-23 12:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他