通过VScode连接远程 Linux 服务器修改vue代码

最新推荐文章于 2024-07-05 11:13:51 发布

网名1234

最新推荐文章于 2024-07-05 11:13:51 发布

阅读量331

点赞数

文章标签：服务器 vscode linux

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_40609490/article/details/126856528

版权

1先在Linux环境安装node，官网下载的node安装包放在自己新建文件夹

2解压

tar -zxvf node-v18.18.0-linux-x64.tar.xz

3新建代码路径，下载代码

4安装 OpenSSH
OpenSSH 可以让你在终端使用 ssh 命令，Windows10 一般自带。可以通过以下方式检查是否安装 OpenSSH：按下快捷键 Win + X，选择 Windows PoweShell（管理员），输入以下指令：

Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'

5如果未安装，则输入指令：

Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0

6打开VScode 找到 Remote - SSH 后，点击 install 安装即可。

7然后点击

8然后输入密码

9连接成功

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
通过VScode连接远程 Linux 服务器修改vue代码

OpenSSH 可以让你在终端使用 ssh 命令，Windows10 一般自带。6打开VScode 找到 Remote - SSH 后，点击 install 安装即可。1先在Linux环境安装node，官网下载的node安装包放在自己新建文件夹。3新建代码路径，下载代码。4安装 OpenSSH。
复制链接

扫一扫

网名1234 CSDN认证博客专家 CSDN认证企业博客

码龄7年

40: 原创

8万+: 周排名

21万+: 总排名

11万+: 访问

: 等级

820: 积分

29: 粉丝

67: 获赞

22: 评论

170: 收藏

私信

关注

热门文章

最新评论

本地git代码提交行数查询
CSDN-Ada助手: 不知道 CS入门技能树是否可以帮到你：https://edu.csdn.net/skill/gml?utm_source=AI_act_gml
vue3实现连接摄像头拍照并上传到图片服务器
网名1234: 只能适用本地环境，部署服务器还是有问题的
vue3实现连接摄像头拍照并上传到图片服务器
网名1234: const uploadHandle = async () => { console.log(1111111); loading.value = true try { const firstIndex = imgSrc.value.indexOf('base64,') const url = imgSrc.value.substr(firstIndex + 7) const params = { photo: url } // 发送接口 await xxx(params) loading.value = false } catch (error) { loading.value = false } } onUnmounted(() => { if (photoVideo.value && photoVideo.value.srcObject) { // 停止视频流 photoVideo.value.srcObject.getTracks()[0].stop(); } }) </script>
vue3实现连接摄像头拍照并上传到图片服务器
网名1234: const takePhotoHandle = () => { // canvas画图 photoContext.value.drawImage(photoVideo.value, 0, 0, videoWidth.value, videoHeight.value) // 获取图片base64链接 imgSrc.value = photoCancas.value.toDataURL('image/png') } const openCamera = async () => { photoVideo.value = document.getElementById('videoCamera') photoCancas.value = document.getElementById('canvasCamera') photoContext.value = photoCancas.value.getContext('2d') try { const constraints = { audio: false, video: { width: videoWidth.value, height: videoHeight.value } } const stream = await navigator.mediaDevices.getUserMedia(constraints) photoVideo.value.srcObject = stream photoVideo.value.play() } catch (error) { proxy?.$modal.msgSuccess('操作成功'); } }
vue3实现连接摄像头拍照并上传到图片服务器
网名1234: <template> <div class="take-photo">  <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoPlay></video> <el-button size="small" type="primary" @click="takePhotoHandle">拍照</el-button>  <canvas id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas> <el-button size="small" type="primary" :loading="loading" @click="uploadHandle">上传</el-button> </div> </template> <script setup name="takePhoto"> import { ref, onMounted, onUnmounted } from 'vue'; const loading = ref(false)// 上传照片的loading const imgSrc = ref('')// 照片地址 const photoVideo = ref(null)// 拍照框 const photoContext = ref(null)// canvas绘图环境 const photoCancas = ref(null)// 预览框 const videoWidth = ref(306)// 拍照框宽度 const videoHeight = ref(378)// 拍照框高度 onMounted(() => { openCamera() })

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。