Node.js安装及环境配置

最新推荐文章于 2022-12-27 11:55:51 发布

网名1234

最新推荐文章于 2022-12-27 11:55:51 发布

阅读量462

点赞数

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

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

版权

一、安装环境

1、本机系统：Windows 10 （64位）
2、Node.js：node-v14.15.4-x64.msi（64位）（window7环境需要安装低一点版本的node.js 比如node-v10.16.3-x64.msi）

二、安装步骤

1双击安装包

2

3找到安装路径用cmd命令查看是否安装成功

npm -v 查看 npm 版本

环境变量自动配置了(10.16.3这个版本也是自动配置)

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Node.js安装及环境配置

一、安装环境1、本机系统：Windows 10 （64位）2、Node.js：node-v14.15.4-x64.msi（64位）（window7环境需要安装低一点版本的node.js 比如node-v10.16.3-x64.msi）二、安装步骤1双击安装包23找到安装路径用cmd命令查看是否安装成功npm -v 查看 npm 版本环境变量自动配置了...
复制链接

扫一扫

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

码龄7年

40: 原创

8万+: 周排名

28万+: 总排名

11万+: 访问

: 等级

821: 积分

29: 粉丝

68: 获赞

22: 评论

175: 收藏

私信

关注

热门文章

最新评论

本地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、付费专栏及课程。