推荐一款神器:在浏览器中运行 vscode,随时随地写代码
目录
瞎比比
什么都别说,先上图
需要什么配置条件?
如何配置?
关于 vscode 的插件
配置一个 python 开发环境
遇到的错误
瞎比比
最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air。买来之后,当然是研究怎么提高效率了,于是就寻找、研究各种高效的软件。折腾了一段时间,各种 APP 都找得差不多了(有机会给大家分享一下),唯一的缺陷就是不能写代码。一次偶然的机会,让我看到了一个 GitHub 项目:code-server,一个在浏览器中使用 vscode 编辑器的项目。
什么都别说,先上图
Code-server 项目地址:
https://github.com/cdr/code-server
怎么样,看图之后有没有很心动?不过这不是官方的项目,据说 5 月份的时候,官方也打算出一款网页的,但是至今没有什么消息。
需要什么配置条件?
一颗爱折腾的心
一台至少 1 核 2 g 的云服务器
一个可以访问网络的浏览器
需要有 docker 的基础知识
一个随时随地为公司加班的心 ?♀️
如何配置?
我这篇文章是使用 docker 来搭建 vscode 的,如果你不懂 docker,可以查看我以前的 docker 入门文章,传送门:
https://blog.csdn.net/zone_/article/details/78822653
如果你跟随官网的使用方法去搭建,那么恭喜你,踩坑了!就算搭建成功,并且能成功登陆页面,在你进行新建文件等各种操作的时候,他会提醒你,你没有权限完成该操作。
docker run --user root -it -p "8080:8080" -v "/your/path/vscode/project:/home/coder/project" docker.io/codercom/codercom/code-server:v2 --allow-https --auth password
比官网的命令多一个:
—user root
是以 root 用户运行 docker 的意思,这样就不会出现没有权限问题了。
—auth password
是否加入登陆密码验证,如果没有加入的话,那么任何人都可以通过访问地址来访问你的编辑器了。
关于 vscode 的插件
在早一些的版本中,是无法在编辑器中直接安装插件的。最新的版本好了一些,大部分插件都能直接搜索并且安装。但是还是有少部分无法安装成功。这里提供一种离线安装的思路:
之后在扩展界面选择Install from VSIX,选择路径安装。
配置一个 python 开发环境
code-server 正式版 V2 版本是无法成功配置 python 开发环境的,因为 V2 版本中无法在 vscode 中添加 python 配置。好在作者在试用版中 fix 了这个问题,其有效的版本如下:
docker run --user root -it -p "8080:8080" -v "/your/path/vscode/project:/home/coder/project" docker.io/codercom/code-server:2.1523-vsc1.38.1 --allow-https --auth password
然后在这个 docker 容器中安装 python3,打开 vscode debug 按钮下的命令行,输入如下命令:
apt-get install python3
接下来,将 python3 重命名为 python:
cd /usr/bin
mv python3 python
然后在 vscode 中加载一个文件夹作为项目目录(/home/coder/project),如图:
由于我已经使用过了,所以也新建了几个 python 文件,接下来,在 vscode 中,配置你的 python 环境,如图:
配置完成之后,再在扩展库中找一些自己常用的工具库,那么就可以愉快的在浏览器中编辑 python 了。当然其他语言的也是差不多的操作。
遇到的错误
这里就罗列一下此次折腾中遇到的问题,如果你遇到问题解决不了,可以加我微信:
新建文件没有权限
vscode 插件无法安装
配置好插件后,无法运行调试
最终这些问题都是通过查看 issue 搞定的,还是要好好看 issue 呀!
往期推荐:
推荐一款神器:在浏览器中运行 vscode,随时随地写代码相关推荐
- 《WebAssembly 权威指南》(6)在浏览器中运行遗留代码
译者注:这篇文章是<WebAssembly 权威指南>一书的第六章,介绍了如何使用 WebAssembly 在浏览器中运行遗留代码,即已经存在的 C/C++ 代码库.文章以一个实际的例子, ...
- 如何在浏览器中运行 VS Code?
摘要: WEB IDE新时代! 作者:SHUHARI 的博客 原文:有趣的项目 - 在浏览器中运行 Visual Studio Code Fundebug按照原文要求转载,版权归原作者所有. 众所周知 ...
- 推荐一款神器:在浏览器中运行 VS Code,随时随地写代码
点击上方蓝色小字,关注"涛哥聊Python" 重磅干货,第一时间送达 目录 发现 什么都别说,先上图 需要什么配置条件? 如何配置? 关于 vscode 的插件 配置一个 pyth ...
- server vscode中的live_太方便了!这款神器能在浏览器中运行 VS Code,随时随地写代码...
最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air.买来之后,当然是研究怎么提高效率了,于是就寻找.研究各种高效的软件.折腾了一段时间,各种 APP 都找得 ...
- 神器推荐!在浏览器中运行 VS Code,随时随地写代码
作者 | zone7 责编 | 刘静 瞎比比 最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air.买来之后,当然是研究怎么提高效率了,于是就寻找.研究各 ...
- 推荐一款简洁的浏览器标签页
[贰柒壹]推荐一款简洁的浏览器标签页 今天就介绍一些我自己在用的浏览器主页,效果图如下: 主页可以说是相当简洁了,界面很像是IOS应用,就是因为这款标签页的颜值,让我一直用到现在,接下来介绍一 ...
- 推荐两款支持在linux下运行ASP.NET网站的国产免费WEB服务器软件
推荐两款支持在linux下运行ASP.NET网站的国产免费WEB服务器软件 1.kangle kangle web server是一款跨平台(windows/linux/bsd).功能强大.安全稳定. ...
- c 浏览器语言,让C代码在浏览器中运行
WebAssembly作为一种新兴的Web技术,相关的资料和社区还不够丰富,但其为web开发提供了一种崭新的思路和工作方式,未来是很有可能大放光彩的. 使用WebAssembly,我们可以在浏览器中运 ...
- OpenCV在浏览器中运行深度网络
OpenCV在浏览器中运行深度网络 在浏览器中运行深度网络 介绍 人脸检测 人脸识别 样本 运行人脸检测网络以检测输入图像上的人脸. 运行人脸识别网络,128通过输入人脸图像接收三维单位特征向量. 执 ...
最新文章
- 【设计模式】备忘录模式
- 你是别人眼中的废物产品经理吗?
- UGUI_使用DoTween
- codeforces 356C Bear and Square Grid
- hadoop的运行机制
- C/C++拾遗(二)
- 关于解决Path被大改,无法直接编辑恢复的问题
- java基础之算法_java基础之几种常见的排序算法
- Xshell中文乱码问题
- OpenGL基础27:网格
- ansible 建 kubernetes 证书签名请求_Java中的微信支付(2):API V3 微信平台证书的获取与刷新...
- ASP.NET 2.0加密Web.config 配置文件
- web项目设计文档_web项目前后端分离模式下的权限设计方案
- 廖雪峰python笔记
- android nfc模拟器,NFC Emulator下载
- 用c语言制作简易的个人通讯录管理系统
- 高性能消息中间件 NSQ 解析-应用实践
- 四核处理器_一千块普通办公电脑配置清单,还是四核处理器,能玩TX全家桶
- Android 开发多摄像头 API
- 大明战神戚继光带给程序员的启示
热门文章
- linux shell显示下载进度,shell脚本测试下载速度
- oracle某个表丢失,丢失一个控制文件并恢复数据库
- oracle实例由,Oracle数据库和实例
- Python 多进程、协程异步抓取英雄联盟皮肤并保存在本地
- 远场语音识别错误率降低30%,百度提基于复数CNN网络的新技术
- 七个开发者成就百亿市值公司?这个技术思路如今让阿里发扬光大
- CornerNet: 成对关键点物体检测 | CSDN博文精选
- 打造 AI Beings,和微信合作…第七代微软小冰的成长之路
- 美亚Kindle排名第一的Python 3入门书,火遍了整个编程圈
- 百度宣布:搜索业务总裁向海龙离职,另回购10亿美元股份