文档章节

推荐一款神器:在浏览器中运行 vscode,随时随地写代码

 一字见心
发布于 2019/12/07 00:25
字数 1171
阅读 41
收藏 0

瞎比比 什么都别说,先上图 需要什么配置条件? 如何配置? 关于 vscode 的插件 配置一个 python 开发环境 遇到的错误 瞎比比 最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air。买来之后,当然是研究怎么提高效率了,于是就寻找、研究各种高效的软件。折腾了一段时间,各种 APP 都找得差不多了(有机会给大家分享一下),唯一的缺陷就是不能写代码。一次偶然的机会,让我看到了一个 GitHub 项目:code-server,一个在浏览器中使用 vscode 编辑器的项目。

什么都别说,先上图 在笔记本 Chrome 浏览器上显示如图 iPad Safari浏览器显示如图,并运行了 python 代码 Code-server 项目地址:Github 地址

怎么样,看图之后有没有很心动?不过这不是官方的项目,据说 5 月份的时候,官方也打算出一款网页的,但是至今没有什么消息。

需要什么配置条件? 一颗爱折腾的心 一台至少 1 核 2 g 的云服务器 一个可以访问网络的浏览器 需要有 docker 的基础知识 一个随时随地为公司加班的心 🤦‍♀️ 如何配置? 我这篇文章是使用 docker 来搭建 vscode 的,如果你不懂 docker,可以查看我以前的 docker 入门文章,传送门:

如果你跟随官网的使用方法去搭建,那么恭喜你,踩坑了!就算搭建成功,并且能成功登陆页面,在你进行新建文件等各种操作的时候,他会提醒你,你没有权限完成该操作。 正确的使用方法应该是这样的:

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 的插件 在早一些的版本中,是无法在编辑器中直接安装插件的。最新的版本好了一些,大部分插件都能直接搜索并且安装。但是还是有少部分无法安装成功。这里提供一种离线安装的思路: 到网页版商店下载离线包,VSCode 扩展商店网页版:https://marketplace.visualstudio.com/vscode 搜索扩展,进入到详情页之后,选择右下角的 Download Extension 下载离线包。

之后在扩展界面选择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 插件无法安装 配置好插件后,无法运行调试

作者:zone7_ 链接:https://www.jianshu.com/p/cf096ca5d0a9 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

本文转载自:https://www.jianshu.com/p/cf096ca5d0a9

粉丝 0
博文 26
码字总数 8368
作品 0
成都
私信 提问
加载中

评论(0)

推荐一款神器:在浏览器中运行 vscode,随时随地写代码 - 知乎

瞎比比 什么都别说,先上图 需要什么配置条件? 如何配置? 关于 vscode 的插件 配置一个 python 开发环境 遇到的错误 瞎比比 最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬...

后端攻城狮
2019/10/21
0
0
神器来袭——不是你不想要(职场必备),而是你不知道

技能|给大家推荐一些实用的网站 神器一:PDF、Word在线各种转 https://smallpdf.com/cn http://www.ilovepdf.com/ https://convertio.co/zh/ http://cn.office-converter.com/ 1.https://sm......

IT技术渗透
2017/05/09
0
0
牛逼啊!一个随时随地写Python代码的神器

来源:菜鸟学Python(微信号:cainiao_xueyuan) 链接:https://mp.weixin.qq.com/s/LplxEdCBjE0wyjsFUYe_-Q 现在学Python的人越来越多,很多小伙伴都非常有激情。利用碎片时间随时随地学习P...

程序员之家_
2018/11/14
0
0
Python+VSCode+Git 学习总结

稍等,先写个脑图... 继续,读完本文,你会学会: 1.如何在VSCode中写Python代码; 2.如何在VSCode中使用Git; 为什么写这篇总结 首先,我假设你是一名Python语言初学者,你下载了Python3.5...

秦无邪
2017/11/22
0
0
几款效率神器助你走上人生巅峰

一、背景   在我的工作和生活中,我一直都很注重效率工具的使用,这么些年下来也积累好几款很不错,但是又不为大多数人所熟知的软件工具,我用起来得心应手,很不错。那我就像在此给大家做...

hafiz.zhang
2017/10/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

易鑫车贷人工客服电话是多少

易鑫车贷人工客服电话是多少O29-63O37558人工客服电话O29-688O2826方法,大家可以采取一些传统的方式,比如说打开易鑫车贷,然后设置,就会看到帮助与反馈的字眼,然后大家打开这到各种各样的问题...

fgrf
今天
41
0
IntelliJ 如何找到项目中 Deprecated 的方法

在一个项目中,如果我们标记了某些元素为 Deprecated 的话,如何让我们能够快速找到? 简单来说,你可以对项目进行 Code Inspection。 选择 Analyze > Inspect Code 在弹出的对话框中,对整个...

honeymoose
今天
93
0
Java中的排序算法:冒泡排序

学习了一种新的排序算法:冒泡排序,冒泡排序是一种交换排序,指比较相邻的两个元素,如果前者比后者大,就交换位置,继续进行比较。 通过例子来实现: import java.util.Arrays; public cl...

北芷南姜
今天
73
0
OSChina 周五乱弹 —— 你不仅要背负工作,还要背负领导

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《Cold Rain》- AniFace 手机党少年们想听歌,请使劲儿戳(这里) @明月依稀 :露...

小小编辑
今天
569
4
个人环境之ubuntu的apt-get 总结

前言 apt-get是必须要学会的,如果搞定apt-get,可解决很多问题。接下来鸟才啊总结以往经验。 场景一 指定安装版本 先查看有软件有那些版本可以安装 apt-cache madison gcc-4.8 gcc-4.8 ...

鸟菜啊
今天
67
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部