当前位置:首页 > 机动车 >

vscode新手怎么运行代码(vscode怎么开始编写)

来源:原点资讯(m.360kss.com)时间:2023-12-21 19:00:21作者:YD166手机阅读>>

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

vscode新手怎么运行代码,vscode怎么开始编写(1)

瞎比比

最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air。买来之后,当然是研究怎么提高效率了,于是就寻找、研究各种高效的软件。折腾了一段时间,各种 APP 都找得差不多了(有机会给大家分享一下),唯一的缺陷就是不能写代码。一次偶然的机会,让我看到了一个 GitHub 项目:code-server,一个在浏览器中使用 vscode 编辑器的项目

什么都别说,先上图

vscode新手怎么运行代码,vscode怎么开始编写(2)

在笔记本 Chrome 浏览器上显示如图

vscode新手怎么运行代码,vscode怎么开始编写(3)

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 下载离线包。

vscode新手怎么运行代码,vscode怎么开始编写(4)

首页 123下一页

栏目热文

vscode输入代码后怎么运行(vscode不能输入代码)

vscode输入代码后怎么运行(vscode不能输入代码)

使用VS code的第一步就是在你的电脑中新建一个项目文件夹,如果是win10以上的windows电脑,我推荐在OneD...

2023-12-21 19:03:36查看全文 >>

唇刷什么材质好用(唇刷怎么选最好)

唇刷什么材质好用(唇刷怎么选最好)

又是一年开学季眼看着又一批小学弟学妹踏进校园不禁回想起自己是大学才开始学的化妆估计又有一批小姐妹准备开启变美之路啦但是在...

2023-12-21 19:03:24查看全文 >>

唇刷的正确使用方法(唇刷的使用方法和日常保养小窍门)

唇刷的正确使用方法(唇刷的使用方法和日常保养小窍门)

广西基础化妆班、广西学化妆基础分享:一款好看的唇妆可以让整个妆容变得更加光彩照人,也是整个妆容的点睛之笔。而使用唇刷涂口...

2023-12-21 19:16:33查看全文 >>

如何判断唇刷好不好用(唇刷使用方法和技巧)

如何判断唇刷好不好用(唇刷使用方法和技巧)

我们都知道化妆工具的好坏会影响你的化妆质量,专业化妆师的化妆工具是非常复杂的,几十或者上百件,十分壮观。我们普通人其实不...

2023-12-21 19:12:27查看全文 >>

唇刷的正确使用方法图解(唇刷硅胶的正确用法)

唇刷的正确使用方法图解(唇刷硅胶的正确用法)

新的唇刷用温水清洗一下就行了,把唇刷上的毛泡开,用手轻轻梳理,将刷毛上的杂质清洗干净。这样的话能使得刷毛更加柔软湿润,同...

2023-12-21 19:30:53查看全文 >>

vscode拉代码步骤(vscode拉取代码)

vscode拉代码步骤(vscode拉取代码)

前言:  随着VS Code的功能和插件的不断强大和完善,它已经成为了我们日常开发中一个必不可缺的伙伴了。在之前我曾经写...

2023-12-21 18:48:49查看全文 >>

vscode运行代码在哪里(vscode运行出来还是代码)

vscode运行代码在哪里(vscode运行出来还是代码)

我的上一篇里面提到可以用idle来编写python的代码,但是效率还是太低了,毕竟只有对于大佬来说才是用啥写代码都一样,...

2023-12-21 19:24:19查看全文 >>

vscode怎么输入代码(vscode怎么调试代码)

vscode怎么输入代码(vscode怎么调试代码)

前言终于找到买iPad的理由了。今日前端早读课文章由@xiong投稿分享。@xiong,深圳最大夜场高级前端工程师,喜欢...

2023-12-21 19:29:46查看全文 >>

vscode代码查找替换(vscode批量替换代码)

vscode代码查找替换(vscode批量替换代码)

在VSCode中,正则表达式替换是非常实用的工具。替换连续重复行,在搜索框中输入:^(.*)(\n\1) $,则替换框中...

2023-12-21 19:07:07查看全文 >>

vscode怎么运行项目(vscode怎么运行程序)

vscode怎么运行项目(vscode怎么运行程序)

在之前发过的文章中,我提到了用vsCode作为众多编程语言的编辑器是一种非常爽的事情,可最近遇到了一个问题,令我觉得很不...

2023-12-21 19:08:33查看全文 >>

文档排行