pnpm项目运行启动以及如何迁移到内网

news/2024/7/10 0:58:29 标签: git, github, vscode, pnpm, vue, vue3

1.迁移前的准备

首先看对node版本和pnpm版本的要求是什么,我的是自己电脑(windows系统)和内网电脑(windows系统)上的环境一致的
我的项目要求是

1.node版本 16.20.0
2.pnpm版本 8.6.2 需要先将node 和 pnpm 安装好相应的版本

2.组装项目目录结构:

1.从git上拉去项目 地址:http://gitlab.XXXXXX/gdgp
账号密码登录 :用自己的 ,如:
XXXX@gientech.com
123456789XXXXX。
在这里插入图片描述

  1. 依次复制图片中项目的http下载地址 ,
  2. 打开vscode
  3. vscode终端中执行 git clone httpXXXXX,依次拉取 以下 5个项目仓库,并列排列
    gdgp-front-shell
    gdgp-front-app-metadata
    gdgp-front-app-sys
    gdgp-front-common-components
    gdgp-front-common-utils
    4.把gdgp-front-app-metadata,gdgp-front-app-sys,gdgp-front-common-components,gdgp-front-common-utils 拖进 gdgp-front-shell 中

3.运行项目,生成依赖包

1.vscode打开gdgp-front-shell, //终端打开就行
2.切换分支到自己代码所在分支,将以上5个仓库的分支全都切换掉
3.在终端中执行 pnpm i
4.依赖安装成功后,再在终端中执行 pnpm dev
5.到此为止,外网的项目跑成功啦,下面开始准备压缩包拷到内网的电脑里

注意:如果不是第一次启动项目,最好.pnpm-stroe文件夹删干净,再执行pnpm i 安装依赖,否则迁移到内网执行pnpm i装依赖的时候可能还是找不见依赖包,并且项目根目录pnpm i生成的pnpm-lock.yaml文件很有用,要随项目源码一起拷进内网中

pnpm_39">4.将项目源码和pnpm生成的依赖包打包起来,迁移到内网中

1.将生成的.pnpm-stroe文件夹 打成压缩包,windows系统这个文件夹在项目所在盘的根目录下
2.将刚启成功后的项目中的node_modules文件夹删掉, 5个项目仓库的都删掉,项目根目录pnpm i生成的pnpm-lock.yaml文件很有用,要随项目源码一起拷进内网中
3.将删除后没有node_modules的 gdgp-front-shell打成压缩包
4.将pnpm-stroe 压缩包 和 gdgp-front-shell 压缩包 都拷进内网的电脑里,以下操作都是在内网电脑执行的
5.内网的电脑解压这俩个压缩包,把两个文件夹放在D盘根部目下 //项目和pnpm-stroe在一个根目录下即可,否则找不到依赖
6.vscode打开gdgp-front-shell,在终端中执行 pnpm I,安装依赖
7.再执行 pnpm dev 启动项目
8.到此,内网项目启动成功!

总结

3个重要部分,缺一不可

  1. .pnpm-stroe文件夹
  2. 项目源码,不能有node_modules文件夹
  3. pnpm i 执行完 生成的 pnpm-lock.yaml 文件

其他

关于mac和windows系统的差异:
真的很大!
我尝试过苹果系统,迁移到内网失败了,原因是我执行pnpm i 没有生成 pnpm-lock.yaml 文件,后来我就改用windows系统了,
并且苹果系统生成的.pnpm-stroe文件夹地址和windows也略有差异,具体见这个链接,我是从这找的,找.pnpm-stroe文件夹地址的方法亲测可用
https://qa.1r1g.com/sf/ask/3878264281/
https://blog.csdn.net/qq_41257129/article/details/123582047


http://www.niftyadmin.cn/n/450979.html

相关文章

三、动画 -变形transform

目录: 1.变形transform定义 2.具体描述 3.用途 4.练习 一、变形transform定义 变形就是指通过CSS来改变元素的形状或位置 变形不会影响到页面的布局transform 用来设置元素的变形效果设置具体的值用translate()函数 二、具体描述 - 平移:translateX() 沿…

直击面试现场:你对MySQL的数据类型了解有多少?

前言 隔着玻璃门,看着面试官缓缓走来,头上飘着几根白发,在行走中随风摇曳,看的让人有一种想帮他薅下来的冲动。 这次面试的岗位是数据库数据类型,面试官坐下来冲着面试者沐风晓月呵呵一笑, “来啦”&…

网络协议格式详解

网络协议格式详解 本篇博客将介绍一些常见的网络协议格式,包括以太网帧、ARP数据报、IP数据报、UDP数据报和TCP数据报。通过了解这些协议的格式,我们可以更好地理解网络通信过程中的数据传输和处理。 1. 以太网帧(Ethernet Frame&#xff0…

创意之路的里程碑:平淡但不普通的创作历程

目录​​​​​​​ 1. 创作初衷 -> 文章内容主要包含 2. 收获 3. 日常 4. 努力成长 5. 憧憬 1. 创作初衷 成为创作者的第730天了, 原来也是分享和记录一些工作日常的点点滴滴, 开发实战中遇到的坎坷, 写技术类博客的目的就是让看我博客的人少走弯路, 也避免了记忆…

Nik Color Efex 滤镜详解(4/5)

油墨效果 Ink 模拟特种相纸和调色剂的冲印效果。 颜色组合 Color Set 可选择不同的颜色组合。 强度 Strength 调整滤镜效果程度。 层次和曲线 Levels & Curves 用色阶和曲线来调整图像的影调和色调。常与其它滤镜组合使用。 通道 Channel 选择调节色调的通道。 通道除了…

QGIS实现tiff影像栅格数据切片教程

实现栅格切片的方式有很多种,geoserver可以,qgis可以。自己写代码也可以,方式非常多。这篇文章介绍一下如何使用QGIS实现栅格切片。 首先我们要去下载一个qgis软件。下载地址如下: Welcome to the QGIS project! 随后我们打开软件,然后把要切片的栅格数据(tiff文件或者…

进程的同步、互斥、通信的区别,进程与线程同步的区别

进程互斥、同步的概念 进程互斥、同步的概念是并发进程下存在的概念,有了并发进程,就产生了资源的竞争与协作,从而就要通过进程的互斥、同步、通信来解决资源的竞争与协作问题。 下面是根据《操作系统教程》3.1.4 中的介绍,整理…

P-Tuning v2: 与微调性能相等的提示性优化

原文:P-Tuning v2: Prompt Tuning Can Be Comparable to Fine-tuning Universally Across Scales and Tasks 作者: Xiao Liu1,2 , Kaixuan Ji1 代码: https://github.com/THUDM/P-tuning-v2 一、简介 二、准备工作 ---- 2.1 NLU的任务 ---- 2.2 提示优化 三、P-Tu…