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

• 瞎比比
• 什么都别说，先上图
• 须要什么配置条件？
• 如何配置？
• 关于 vscode 的插件
• 配置一个 python 开发环境
• 遇到的错误

瞎比比

最近看到 iPadOS 出来了，各类牛逼的操做真的颇有吸引力，因而咬咬牙买了 iPad air。买来以后，固然是研究怎么提升效率了，因而就寻找、研究各类高效的软件。折腾了一段时间，各类 APP 都找得差很少了（有机会给你们分享一下），惟一的缺陷就是不能写代码。一次偶然的机会，让我看到了一个 GitHub 项目：code-server，一个在浏览器中使用 vscode 编辑器的项目。

什么都别说，先上图

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」，关注获取最新推文！

本文由博客一文多发平台 OpenWrite 发布！