【亲测免费】 屏幕录制小帮手：screenREC安装配置完全指南

screenREC 是一个极简主义的、无广告的基于Web的屏幕录像工具，由Sagnik Sahoo在疫情期间为了记录在线课程而开发，并随后开放源代码。本指南旨在帮助编程新手快速上手screenREC，从基础介绍到详细安装步骤，一应俱全。

1. 项目基础介绍与编程语言

• 项目名称：screenREC
• 主要编程语言：JavaScript, Pug, SCSS
• 技术栈：Pug作为视图模板引擎，Parcel作为打包工具，SASS/SCSS用于样式处理。
• 亮点特性：支持MP4/WebM导出格式选择，视频预览，下载，主题切换，自动检测操作系统主题，且完全免费无时间限制。

2. 关键技术和框架

• Pug: 一种高效的HTML模板语言，用于简化前端界面的编写。
• Parcel: 零配置的快速构建工具，适合快速启动项目。
• SASS/SCSS: CSS预处理器，提高样式的可维护性和复用性。
• WebRTC或类似技术: 推测用于实现浏览器端的屏幕捕捉功能。

3. 安装和配置步骤

环境准备

确保你的电脑已安装Git和Node.js（包括npm）。如果你是Windows用户，还需安装Git Bash或者你喜欢的命令行工具。

获取项目源码

1. 打开终端或命令提示符。
2. 使用以下命令克隆项目：

   git clone https://github.com/heysagnik/screenREC.git
   

安装依赖

1. 进入项目目录：

   cd screenREC
   

2. 安装项目所需的npm包：

   npm install
   

开发模式运行

对于所有平台，你可以通过以下命令开启开发服务器，进行实时预览：

npm start

这将启动一个本地服务器，并自动打开浏览器展示应用。

构建生产环境版本

当你准备好部署时，执行：

npm run build

这将创建一个dist目录，其中包含了可用于生产的静态文件。

特别说明（仅Windows）

对于Windows用户，在首次运行前，建议删除parcel-cache及dist目录以避免潜在的旧缓存问题。

部署

虽然本指南未深入部署细节，但完成上述步骤后，你可以将dist目录的内容部署到Vercel、Netlify或其他任何静态网站托管服务上。

---

以上就是screenREC项目的安装和配置的详细指引，无论是Linux、Mac还是Windows用户，都能按照此流程轻松上手这个开源屏幕录制工具。享受开源的魅力，开始你的屏幕录制之旅吧！