擴充套件推薦:laravel線上程式碼編輯器擴充套件包(純瀏覽器版的vscode)

專案地址: 類庫地址

線上例項

線上示例https://vscode.i0358.cn

docker 執行

示例工程sample地址

docker run -it -p 9011:9000 ccr.ccs.tencentyun.com/afan-public/mini-vscode:v1.0.3

or

docker run -it -p 9011:9000 -e "VSCODE_EDITOR_ROOT=/home/editor" -v ${PWD}:/home/editor ccr.ccs.tencentyun.com/afan-public/mini-vscode:v1.0.3

${PWD} 為你的程式碼目錄

解決問題

1. 伺服器資源受限無法使用websocket部署線上vscode,theia等線上ide　只能走http協議編輯檔案
2. 內側環境下　無需複雜環境配置 改bug　直接請求http:xxxx/api/fs/view

功能

• 瀏覽程式碼
• 修改程式碼

安裝

Require the w7corp-pre/sdk-mini-vscode package in your composer.json and update your dependencies:

composer require w7corp-pre/sdk-mini-vscode

CORS 跨域

必須配置跨域允許 we7coreteam.gitee.io域名的請求
config/cors.php　修改如下

'paths' => ['api/fs/*'], //允許跨域

配置

The defaults are set in config/w7-vscode.php. 釋出配置:

php artisan vendor:publish --tag="w7-vscode"

環境變數

當前程式碼storage目錄　預設是/tmp

License

Released under the MIT License, see LICENSE.

本作品採用《CC 協議》，轉載必須註明作者和本文連結