精华内容
下载资源
问答
  • Visual Studio Code是一个带GUI的代码编辑器。目前市场上比较常见的一些GUI编辑器的产品:Sublime、Notepad++、Atom、H5 Builder、Brackets等等,包括终端下的Vim、Emacs等等,都是这个vscode的竞品。我主要跑一些...

    Visual Studio Code是一个带GUI的代码编辑器。目前市场上比较常见的一些GUI编辑器的产品:Sublime、Notepad++、Atom、H5 Builder、Brackets等等,包括终端下的Vim、Emacs等等,都是这个vscode的竞品。

    我主要跑一些python的代码,IDE一直用的是pycharm,最近重装系统,深刻感受到pycharm的笨重,导入Anaconda都用了20分钟,于是开始寻找替代品。轻量级的代码编辑器一直在用sublime,但也仅限于拿来看代码和跑单个小文件,经师弟推荐尝试了一下vscode,简单使用后感觉还不错,接下来说说vscode环境下跑python代码的优势。

    漂亮(性感?)的界面

    F1键调出对话框输入color theme选择主题

    侧边栏的文件夹和文件添加也很方便

    支持同一个文件的拆分

    支持markdown预览,

    丰富的插件

    vscode有官方的插件商店,很多实用的插件

    jupyter notebook预览插件:预览ipynb文件

    jupyter插件:在py文件中运行(run cell)

    在安装这个插件后

    新建python文件粘贴一下代码

    #%%

    import matplotlib.pyplot as plt

    import matplotlib as mpl

    import numpy as np

    x = np.linspace(0, 20, 100)

    plt.plot(x, np.sin(x))

    plt.show()

    会出现一个Run cell选项,点击运行

    结果如下

    一个代码文件中可以插入多个Run cell单元

    总之,插件可以折腾很久,打开新世界大门

    用vscode做git管理

    主命令框

    F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:

    按一下 Backspace 会进入到 Ctrl+P 模式

    在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式

    在 Ctrl+P 窗口下还可以:

    直接输入文件名,跳转到文件

    ? 列出当前可执行的动作

    ! 显示 Errors或 Warnings,也可以 Ctrl+Shift+M

    : 跳转到行数,也可以 Ctrl+G 直接进入

    @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+O 直接进入

    @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入:进入

    # 根据名字查找 symbol,也可以 Ctrl+T

    常用快捷键

    编辑器与窗口管理

    打开一个新窗口: Ctrl+Shift+N

    关闭窗口: Ctrl+Shift+W

    同时打开多个编辑器(查看多个文件)

    新建文件 Ctrl+N

    文件之间切换 Ctrl+Tab

    切出一个新的编辑器(最多 3 个) Ctrl+\,也可以按住 Ctrl 鼠标点击 Explorer 里的文件名

    左中右 3 个编辑器的快捷键 Ctrl+1 Ctrl+2 Ctrl+3

    3 个编辑器之间循环切换 Ctrl+

    编辑器换位置, Ctrl+k然后按 Left或 Right

    代码编辑

    格式调整

    代码行缩进 Ctrl+[ 、 Ctrl+]

    Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容

    代码格式化: Shift+Alt+F,或 Ctrl+Shift+P 后输入 format code

    上下移动一行: Alt+Up 或 Alt+Down

    向上向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down

    在当前行下边插入一行 Ctrl+Enter

    在当前行上方插入一行 Ctrl+Shift+Enter

    光标相关

    移动到行首: Home

    移动到行尾: End

    移动到文件结尾: Ctrl+End

    移动到文件开头: Ctrl+Home

    移动到定义处: F12

    定义处缩略图:只看一眼而不跳转过去 Alt+F12

    移动到后半个括号: Ctrl+Shift+]

    选择从光标到行尾: Shift+End

    选择从行首到光标处: Shift+Home

    删除光标右侧的所有字: Ctrl+Delete

    扩展/缩小选取范围: Shift+Alt+Left 和 Shift+Alt+Right

    多行编辑(列编辑):Alt+Shift+鼠标左键,Ctrl+Alt+Down/Up

    同时选中所有匹配: Ctrl+Shift+L

    Ctrl+D 下一个匹配的也被选中 (在 sublime 中是删除当前行,后面自定义快键键中,设置与 Ctrl+Shift+K 互换了)

    回退上一个光标操作: Ctrl+U

    重构代码

    找到所有的引用: Shift+F12

    同时修改本文件中所有匹配的: Ctrl+F12

    重命名:比如要修改一个方法名,可以选中后按 F2,输入新的名字,回车,会发现所有的文件都修改了

    跳转到下一个 Error 或 Warning:当有多个错误时可以按 F8 逐个跳转

    查看 diff: 在 explorer 里选择文件右键 Set file to compare,然后需要对比的文件上右键选择 Compare with file_name_you_chose

    查找替换

    查找 Ctrl+F

    查找替换 Ctrl+H

    整个文件夹中查找 Ctrl+Shift+F

    显示相关

    全屏:F11

    zoomIn/zoomOut:Ctrl +/-

    侧边栏显/隐:Ctrl+B

    显示资源管理器 Ctrl+Shift+E

    显示搜索 Ctrl+Shift+F

    显示 Git Ctrl+Shift+G

    显示 Debug Ctrl+Shift+D

    显示 Output Ctrl+Shift+U

    修改默认快捷键

    打开默认键盘快捷方式设置:

    File -> Preferences -> Keyboard Shortcuts,或者:Alt+F -> p -> k

    修改 keybindings.json:

    // Place your key bindings in this file to overwrite the defaults

    [

    // ctrl+space 被切换输入法快捷键占用

    {

    "key": "ctrl+alt+space",

    "command": "editor.action.triggerSuggest",

    "when": "editorTextFocus"

    },

    // ctrl+d 删除一行

    {

    "key": "ctrl+d",

    "command": "editor.action.deleteLines",

    "when": "editorTextFocus"

    }

    ]

    展开全文
  • 写在前面的话作为有个 Python 菜逼,之前一直用的 Pycharm,但是在主题这一块怎么调整都感觉要么太骚,看起来不舒服,要么就是简直不能看。似乎用大 JB 公司 IDE 的人似乎都不怎么重视主题这个东西。我个人是那种...

    写在前面的话

    作为有个 Python 菜逼,之前一直用的 Pycharm,但是在主题这一块怎么调整都感觉要么太骚,看起来不舒服,要么就是简直不能看。似乎用大 JB 公司 IDE 的人似乎都不怎么重视主题这个东西。

    我个人是那种“喜新厌旧”的,所以看久了 Pycharm 就感觉很难受了,再加上 Pycharm 太笨重了,就换成了以前短时间用过的 VSCode,以前没用是懒得折腾插件,现在闲下来准备折腾一下!

    这里放一张我现在的 Pycharm 的配色主题:

    闲话少说,进入正题!

    创建 Django 测试项目

    这里说明一下,配置的是 Python + Django 的环境,所以我会从新建一个测试的 Django 项目开始,算是整体流程再走一遍!

    【1】新建一个 Django 项目:注意,我这里 Python 使用的是 virtualenv 为项目建立的虚拟环境,没用过的照着这个步骤做就行,需要注意那个切换到我们新环境的命令就行

    安装配置 VSCode

    【1】安装 VSCode:

    根据自己电脑对应的操作系统下载对应的版本即可,至于安装过程也和一般的软件一样,没什么特别需要注意的地方!

    安装完成之后打开,最开始的页面是这样的:

    这时候就需要我们根据需要安装对应的插件了,这也是整个 VSCode 最出彩的地方。需要啥安装啥,而不用全家桶安装!

    【2】插件安装:我们这里就不用快捷键了,都页面摆在这里,直接点就行了!

    这里会有很多推荐的插件,也可以看到我们安装的和禁用的插件。

    1. 首先,我们安装个汉化界面的插件:Chinese (Simplified) Language Pack for Visual Studio Code

    我们点击右下角 Install 就能安装,值得注意的是,我们安装后并不会生效,在安装后右下角会弹框提示我们 Restart,我们出去 VSCode 就行了!

    这时候已经变成了中文界面,我们可以打开刚刚我们创建的项目了!

    2. 打开项目: 左上角 文件 --> 打开文件夹

    这时候我们会发现两个问题,一个是默认主题并不好看,另一个是文件没有图标进行区分,所以这时候我们就需要进行配置!

    3. 文件图标和主题美化:Material Icon Theme 和Son of Obsidian Theme

    安装完成后点击插件右下角的重新载入就行了!

    但是这样主题这些并不会直接就加载出来,需要手动选择:

    根据左下角有个设置,里面可以进行很多设置:

    我这里将我们的配置贴出来:

    进入设置后可以可以点击这个代码符号将我们的配置贴进去,当然你也可以自己一项一项的配置,只要你不怕麻烦:

    {

    "editor.fontSize": 16,

    "explorer.confirmDragAndDrop": false,

    "extensions.autoUpdate": false,

    "workbench.colorTheme": "Son of Obsidian",

    "editor.fontFamily": "Consolas, Dengxian",

    "workbench.sideBar.location": "left",

    "workbench.startupEditor": "newUntitledFile",

    "workbench.iconTheme": "material-icon-theme",

    }

    粘贴到右边保存即可:

    最终达到的效果如下图:

    此时再看,就会发现代码有了舒服的配色,而且文件夹和文件也有了属于自己的图标,当然你也可以到网上选择你喜欢的风格,反正我是挺喜欢这个的。

    很多以前用 sublime 的 monokai,在 VSCode 里面也是有 Monokai 的,我个人是看厌了!

    4. 接下来便是安装真正协助我们开发的插件:

    Python:Python 语法的基本插件

    Django:Django 的插件,用于模板中语法提示和补全,注意不是搜索出来的第一个,而是后面有个 1.0 版本的

    XML Tools:整个 VSCode 都会用到的插件,运维配置 VSCode 需要

    Beautify:前端美化

    View In Browser:浏览器快捷打开前端页面

    HTML CSS Support:HTML 基础插件

    Path Intellisense:路径补全插件

    5. 运行我们的项目:

    配置 Python 环境:我点击添加配置后悔在右边弹出个框,选择 Python 即可,这样就能打开一个配置文件!

    在回到我们的项目,这时候会多了一个文件夹和两个文件:

    打开 settings.json 文件,将里面的 Python 路径换成我们之前 virtualenv 添加的!注意斜线 windows 是双斜线

    打开 launch.json 文件配置 Django 启动的参数:找到 Django 的项,我这里给他指定了一个端口,你也可以加其他

    运行项目:

    访问测试:

    安装语法检测和代码格式化工具:

    在运行的终端中我们直接添加 Power shell 就可以相当于我们在 windows 命令行直接操作命令了,而且是在虚拟 Python 环境下,很方便:

    此时我们需要 pip 安装我们需要的包:

    pip install pylint

    pip install yapf

    pip install pylint_django

    在我们项目之前生成的 settings.json 文件中加入以下配置:

    {

    "python.pythonPath": "E:\\VSCodeProject\\vscode_env\\Scripts\\python.exe",

    "python.formatting.provider": "yapf",

    "python.linting.pylintArgs": [

    "--load-plugins",

    "pylint_django",

    ]

    }

    最好在重启一下编辑器,这样我们的 VSCode 就算配置完成了,虽然还有一些小的不足,但是后续可以根据自己的需求慢慢的修复!总的来说还是很香的!

    小结

    看起来过程有些复杂,但是总的来说还是不错的,很多东西都是第一次配置就行了,像主题风格这些都是一次配置终身使用。新开项目也就配置一些环境而已。

    使用 VSCode 只要区分一些工作区配置和系统配置就行,系统配置就是会影响你以后打开 VSCode 的使用,工作区则是当前项目,也就是我们在 settings.json 里面的配置!

    至于 launch.json 的配置,那完全是 Python 启动的参数配置,你不同项目肯定会配置不同的端口的,这没什么好说的。

    还有其它一些有用的插件,等到需要的时候再去完善!

    最后附带一张 HTML 的样张,这也是我选择这个工具的原因,很喜欢这个主题啊!

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • 使用Visual studio code编辑vuejs项目时候,修改文件之后不能保存, Ctrl + s 不起作用,到底是什么原因?有的时候也加载不出某个文件夹,甚至直接双击 Vscode正在费劲的打开的某个夹(加载不出)都打不开,我应该...
  • 前言 现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用...官网下载:https://code.visualstudio.com/ 汉化中文(官方下载默认为英文,英文好的小

    前言

    现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝

    最近因项目需要开始使用Vscode,但不知为何,感觉有点力不从心,不知道该怎么用

    首先想到去官网看看,然后放弃了(英语渣渣表示压力山大,其实正因为英语差,才更应该锻炼一下的,大家不要学我23333)

    最后自己摸索和看相关视频才豁然开朗。现在做一个归纳总结,希望能帮到有需要的人

    下载

    官网下载:https://code.visualstudio.com/

    汉化中文(官方下载默认为英文,英文好的小伙伴可直接跳过这步)

    点击插件按钮搜索 Chinese, 在弹出的选项中选择第一个中文简体

    img

    然后右边会弹出如下图安装界面,接着点击 Install 安装

    img

    安装完毕后会有如下提示(主要提醒你安装完中文简体汉化包后一定要重启方可生效)

    img

    Vscode界面介绍(主要分为5个区域,分别是活动栏,侧边栏,编辑栏,面板栏,状态栏)

    img

    ①:活动栏从上到下依次为,打开侧边栏,搜索,使用git,debug,使用插件

    ②:侧边栏,新建项目文件和文件夹

    ③:编辑栏,编写代码的区域

    ④:面板栏,从左到右依次为,问题,输出,调试栏,终端(terminal),最重要的是terminal,用来输入相关命令

    img

    ⑤:状态栏,点击 [图片上传失败...(image-bcdf98-1559059441856)].png)[图片上传失败...(image-a50ab7-1559059441856)] 该区域可以调出面板栏

    ⑥:需要注意的为下图红框所示,分别表示鼠标光标所在位置和tab缩进字符,这里为缩进4个字符

     

    img

     

    新建文件和文件夹

    新建文件:Ctrl+N新建文件并修改后缀即可(后缀根据所需文件来,比如.html,.css,.js等)

    新建文件夹

    ①:首先根据需要指定一个路径(这里路径以桌面为例),然后新建一个文件夹(这里新建的文件夹为demo1)

    ②:鼠标点击侧边栏第二个选项,如下图

    img

    ③:此时会提示你没有可以打开的文件夹,点击Open Folder按钮导入桌面新建的文件夹demo1

    img

    ④:把文件夹导入后发现刚刚新建文件夹名字是小写的,现在变大写了,这个不影响,不用太在意

    img

    (右边图标从左到右为,新建文件 / 新建文件夹 / 刷新 / 折叠文件)

    注:新建文件一定要修改后缀,否则默认都是text文本文件

    自动保存设置

    File(文件)- Preferences(首选项)- Setting (设置)然后弹出下面界面,选择User(一般会默认选中该选项),

    接着如下图选择afterdelay选项即可,下面有个数字1000表示1秒,这个可自行设置,表示多少秒以后自动保存

    img

    自动格式化代码

    File(文件)- Preferences(首选项)- Setting (设置)

    User(用户)- Text-Editor(文本编辑)- Formatng(格式化)

    然后勾选下图红色框中的选项后重启Vscode即可

    img

    Vscode更换主题

    File(文件)- Preferences(首选项)- Color-Theme (颜色主题)

    img

    然后会出现下图红色框的界面,此时按键盘上的上下键即可实时查看主题颜色,直接回车可选中对应主题

    img

    注:可以点击插件直接搜索 theme 下载其它非内置主题

    快捷键(只列出了很小一部分常用快捷键)

    Ctrl + / (单行注释)

    Shift + Alt + A (多行注释)

    若要取消单行或多行注释在按一次该快捷键即可

    Ctrl + Shift + Enter (上方插入一行,鼠标光标在当前行的任意位置都可以直接换行到上一行)

    Ctrl + Enter (下方插入一行,鼠标光标在当前行的任意位置都可以直接换行到下一行)

    Alt + Shift + F (格式化代码,不需要全选中代码,直接格式化即可)

    Ctrl + Shift + F (查找文件)

    点击设置选择 keyboard shortcuts,右边会弹出所有快捷键目录

    我没有汉化中文,并不是因为英语好,相反因为英语太差,所以还是想迈出第一步,锻炼一下吧

    大家不要怕,撸起袖子就是干ヾ(◍°∇°◍)ノ゙

    img

    https://www.cnblogs.com/tu-0718/p/10935910.html



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

    展开全文
  • Visual Studio Code 连接远程服务器

    千次阅读 2019-09-04 13:31:58
    Visual Studio Code 怎么使用sftp插件连接远程服务器 ? 下载Visual Studio Code插件后,使用Ctrl+Shift+P。输入sftp,选择SFTP:Config,然后会生成一个 sftp.json 文件,文件的内容大概如下: { “name”: “My ...

    Visual Studio Code 怎么使用sftp插件连接远程服务器 ?

    下载Visual Studio Code插件后,使用Ctrl+Shift+P。输入sftp,选择SFTP:Config,然后会生成一个 sftp.json 文件,文件的内容大概如下:

    {
    “name”: “My Server”,
    “host”: “192.168.1.156”,
    “protocol”: “sftp”,
    “port”: 22,
    “username”: “",
    “password”: "
    ”,
    “remotePath”: “/”,
    “uploadOnSave”: true
    }

    host 是服务器ip地址;
    username 是服务器登录名
    password 是服务器登录密码,如果没有 password 选项,自己添加上去;
    remotePath 是要上传的服务器地址,使用 pwd 可以查看。
    uploadOnSave 设置为 true ,表示保存时提交。

    展开全文
  • 最近尝试用了用 VS code, 写个使用心得. 网上很多同 Atom 横向对比的文章好像都偏向于 VS code 比较好用. VS code 感觉就是微软在收购 GitHub 之后,对后者的 Atom 所做的进一步的集成和优化,增加的易用性的同时,...
  • VSCode即Visual Studio Code,是微软公司向开发者们提供了一款真正的跨平台编辑器。 下面看看VSCode如何下载。 1、进入Visual Studio CodeVisual Studio网站下载(一直没下载成功过) 2、在一些网址的资源中心...
  • 用了VS code这么久,发现连怎么快速打开设置、显示状态栏等基本操作都不会,因此写本文总结Visual Studio的常见操作和使用总结。 注:本文所有总结内容如快捷键等,均在Windows系统下使用。 常用快捷键 ...
  • Visual Studio Code 附有10种可用的显示语言(地区):英文(美国),简体中文,繁体中文,法文,德文,意大利文,日文,韩文,俄文和西班牙文。 所有10种语言的本地化显示文本都包含在主VS代码下载中,因此不需要辅助...
  • 写在前面的话作为有个 Python 菜逼,之前一直用的 Pycharm,但是在主题这一块怎么调整都感觉要么太骚,看起来不舒服,要么就是简直不能看。似乎用大 JB 公司 IDE 的人似乎都不怎么重视主题这个东西。我个人是那种...
  • 问题:在使用 visual studio code 编写网页的时候,我们往往需要使用某个浏览器测试一下,那么怎么设置?  在使用vscode开发node程序时,如何直接进行浏览器打开设置?  举例步骤:  1. 新建一个项目的...
  • Visual Studio Code介绍

    2017-04-10 22:27:00
    应该有很多人都知道Atom编辑器吧,它是由Github开发的一个跨平台的编辑器。它使用了跨平台的Electron,用前端技术编写图形界面。...微软公司也利用Electron做了一个跨平台的编辑器,叫做Visual Studio Code。今天...
  • 今天用VSC敲ng的时候,发现有很多小伙伴不知道怎么用tab自动在ts中补全代码!好吧,那就为新手发个福利了。 先在设置中搜索emmet,这个都知道是干嘛的吧~ 找到: // 在默认不支持 Emmet 的语言中启用 Emmet 缩写功能...
  • 1. 我使用Anaconda+VScode作为Python开发的IDE在这里贴出官方的使用说明Python in Visual Studio Code Python in Visual Studio Codecode.visualstudio.com2. 下载、安装VScode(前提默认已经下载好Anaconda,并...
  • visual studio code的介紹

    2020-11-25 10:04:58
    Visual Studio Code 小白使用介绍 菜鸟飞不动 4 2019.05.29 00:04:24 字数 1,212 阅读 160,298 前言 现在使用Vscode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝 最近因项目需要...
  • 使用Visual studio code 配置好C++开发环境后想在main函数里引用其他文件的函数,但是在Mac下总是报Undefined symbols for architecture x86_64:错误代码如下:a.h文件int func();a.cpp文件#include #include "a.h...
  • 最近想在linux上编译c++代码,自己却一直习惯window上的IDE。以前公司要我写Linux代码的时候,我一般都是用eclipse + CDT,而eclipse这东西吧,我...今天在逛CSDN的时候看了一篇帖子说visual studio code 可以编译调...
  • 使用 Visual Studio Code(VSCode)搭建简单的 Python + Django 开发环境     写在前面的话   作为有个 Python 菜逼,之前一直用的 Pycharm,但是在主题这一块怎么调整都感觉要么太骚,看起来不舒服,要么...
  • 因为在接下来的课程中,我们将会使用我们的开发工具Visual Studio Code进行编写程序教学,正式开始接触编程学习,,由于我现在不方便,所以不能说话,抱歉,另外背景音乐音量可能有点大,如果吓到你,抱歉 ...
  • 前言: 还在使用 Source Insight (后称SI)吗,作为源代码的查看,确实SI基本的功能都有了,上手也比较容易(吹一...)…现在开始转战 Visual Studio Code 吧! 什么?不知道怎么用?还要装插件,这么麻烦?别(bi)急(...
  • 在Windows10系统下使用Visual Studio Code,编译时output窗口出现乱码,于是根据网上的说法: “更改日期/时间或数字格式”-“管理”-“更改系统区域设置” 把“Beta版:使用Unicode UTF-8提供全球语言支持...
  • Visual Studio Code 附有10种可用的显示语言(地区):英文(美国),简体中文,繁体中文,法文,德文,意大利文,日文,韩文,俄文和西班牙文。所有10种语言的本地化显示文本都包含在主VS代码下载中,因此不需要辅助...
  • 一、引言最近在学习 C++ Primer 第五版的时候,想要使用 Visual Studio Code 来随书敲一些代码片段。但是很“可恶”的是,默认的 Visual Studio Code 会显示编辑错误提示,比如下图所示:对于我这样的强迫症来说,不...
  • 作为有个 Python 菜逼,之前一直用的 Pycharm,但是在主题这一块怎么调整都感觉要么太骚,看起来不舒服,要么就是简直不能看。似乎用大 JB 公司 IDE 的人似乎都不怎么重视主题这个东西。 这里配置的是 Python + ...
  • 今天就要给大家安利一下在VScode上进行断点调试的方法。 VScode除了out-of-box支持JavaScript和TypeScript,还支持Node...怎么安装Node.js?给你一点小提示:打开百度,搜索【安装Node.js】,好了,不能提示更多了。
  • 众所周知VSCode是全宇宙最好用的编辑器 (雾 配置了很久,今日终于配置完成了,还是有点麻烦的,本文是为了方便一些不懂怎么配置的小白,以及还有一些...官网:https://code.visualstudio.com/ 下载安装即可,安装...
  • 作为有个 Python 菜逼,之前一直用的 Pycharm,但是在主题这一块怎么调整都感觉要么太骚,看起来不舒服,要么就是简直不能看。似乎用大 JB 公司 IDE 的人似乎都不怎么重视主题这个东西。 我个人是那种“喜新厌旧”的...

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 182
精华内容 72
关键字:

visualstudiocode怎么使用