手机远程操作本机终端：Remote Claude Mobile Console 的设计与公网部署一个自托管的单用户终端桥接系统：手机浏览器通过 WebSocket 连接到 Windows 电脑上的真实终端。它不绑定任何特定工具——Claude Code、git、npm、docker、ssh、python 等一切 CLI 程序都可以通过它操作，Claude Code 只是最典型的场景之一。本文介绍整体设计、消息协议、鉴权体系，以及基于 Laravel 管理员网关 + Nginx auth_request + FRP 内网穿透的公网部署方案。1. 项目定位Remote Claude Mobile Console 解决的是一个具体问题：终端会话运行在本机 Windows 电脑上，但使用者不在电脑前，需要通过手机继续操作。常见替代方案的局限：远程桌面类工具（如 Tea...

vue命令工具的安装官网https://github.com/vuejs/vue-cli#最新版本确认 $ npm show vue-cli #安装 $ npm install -g vue-cli@2.9.3 #安装版本确认 $ npm -V #命令帮助 $ vue -hvue-cli命令选项init 初始化Projectlist 当前可用的模板build 组件打包发布help [cmd]$ vue help init Usage: vue-init <template-name> [project-name] Options: -c, --clone use git clone --offline use cached template -h, --help output usage information...

组件：基础的基础组件 （Component, portlet）组件就是页面上的一小块区域内容，完成一个小的页面功能<div id="myApp"> <today-weather></today-weather> </div> <script> Vue.component('today-weather', { template: '<div>今天下雨，出不去啦，干什么呢？看YouTube吧！</div>' }); var myApp = new Vue({ el: '#myApp', }); </scrip...

列表渲染v-for循环数组元素(对象、数列)整理内容显示到页面上<div id="myApp"> <ul> <li v-for = "(game, index) in games">({{ index + 1}}) {{ game.title }} / 售价: {{ game.price }}元</li> </ul> </div> <script> var myApp = new Vue({ el: '#myApp', data: { games: [ ...

设定计算属性setter设置计算属性，同步更新元数据的值 =>（反推数据）<div id="myApp"> 原价格：{{ price }}含税价：{{ priceInTax }}折合人民币{{ priceChinaRMB }} <hr> <button @click = "btnClick(10800)">含税价设为10800</button> </div> <script> var myApp = new Vue({ el: '#myApp', data: { price: 29980, ...