精华内容
下载资源
问答
  • vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...

    vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写代码,先上一张最终效果图。

    1423526-20190606133059026-1990342693.png

    Python

    首先当然要推荐这个必备插件python了,提供了代码分析,高亮,规范化等很多基本功能,装好这个就可以开始愉快的写python了。

    1423526-20190606133114571-1756031552.png

    vscode-icons

    vscode现在虽然已经自带了文件图标,但是作为一个颜控还是觉得略丑,这个插件提供各种图标就非常漂亮了,推荐给各位颜控。

    1423526-20190606133136812-1017261798.png

    One Dark Pro & Brackets Light Pro

    这两款主体是我比较喜欢的,一个深色主体一个亮色主体,可以换着来。

    1423526-20190606133200238-1715927950.png

    1423526-20190606133213676-747831202.png

    filesize

    一款在左下角显示文件大小的插件,还是挺实用的

    1423526-20190606133224096-1878281008.png

    Bracket Pair Colorizer

    代码颜色高亮一般只会帮你区分不同的变量,这款插件给不同的括号换上了不同的颜色,括号的多的时候非常实用。

    1423526-20190606133235785-1598632377.png

    Anaconda Extension Pack

    这个插件就推荐给用anaconda的同学了,大大增强了代码提示功能。原始的代码提示基本只包含了python标准库,有了这个插件之后各种第三方库基本都能实现代码提示了,并且还会额外显示每个方法的帮助。

    1423526-20190606133245115-2101212823.png

    Settings Sync

    这个插件可以实现同步你的vscode设置,包括setting文件,插件设置等,不过你要先有github的账户,因为它利用了github的token功能,相当于把这样文件上传到了你的github账户中,这样你就可以在其它的电脑上直接下载的配置文件了,不用再配置一次了,相当方便省事了。

    1423526-20190606133300949-1652629549.png

    先推荐这么多,以后遇到好用的插件还会继续更新!

    4.30更新

    Path Autocomplete

    有时候程序需要读取文件,自己手动去复制文件路径还是比较麻烦的,不过有了这个插件就方便多了,它能自动感知当前目录下所有的文件,只需要你自己选择就好了。

    1423526-20190606133325345-553646614.png

    如何使vscode运行程序时在当前文件夹中打开终端?

    vscode运行task,调试或者直接在终端运行文件时都是默认在vscode打开的文件夹中打开终端运行或者调试程序的,这时候存在的问题是,如果运行一个在子文件夹中需要读取文件的程序,按照其默认设置只能把文件放在主文件夹中,虽然也能通过cd之类的操作解决,但本着能省事就省事的原则,可以通过修改launch.json文件实现调试程序时在当前文件夹中打开终端运行程序,我的launch.json的文件如下:

    {

    "name": "Python",

    "type": "python",

    "request": "launch",

    "stopOnEntry": false,

    "pythonPath": "${config:python.pythonPath}",

    "program": "${file}",

    "cwd": "${fileDirname}",

    "env": {},

    "envFile": "${workspaceRoot}/.env",

    "debugOptions": [

    "WaitOnAbnormalExit",

    "WaitOnNormalExit",

    "RedirectOutput"

    ]

    }

    其实重点在于修改了cwd参数,有如下变量可以选择:

    ${workspaceRoot} the path of the folder opened in VS Code(VSCode中打开文件夹的路径)

    ${workspaceRootFolderName} the name of the folder opened in VS Code without any solidus (/)(VSCode中打开文件夹的路径, 但不包含"/")

    ${file} the current opened file(当前打开的文件)

    ${relativeFile} the current opened file relative to workspaceRoot(当前打开的文件,相对于workspaceRoot)

    ${fileBasename} the current opened file's basename(当前打开文件的文件名, 不含扩展名)

    ${fileDirname} the current opened file's dirname(当前打开文件的目录名)

    ${fileExtname} the current opened file's extension(当前打开文件的扩展名)

    ${cwd} the task runner's current working directory on startup()

    这样设置cwd参数为${fileDirname} ,调试程序时就是直接在当前文件中打开终端了。至于其它方法我在网上找了很久,自己也尝试过,但只有这种是成功了,也只能安慰自己能用就行了。

    ---------------------

    原文:https://blog.csdn.net/hnshhshjq/article/details/80140401

    展开全文
  • 最近学习爬虫中,pycharm打开有点慢,所以选择了vscode,用了月余,感觉也还蛮不错的,慢慢完善编辑器让自己用的更顺手,在提升效率的同时亦一种乐趣。虽然写博客费时费力,但本着互联网的分享精神,还是很想把这些...

    前言

    最近学习爬虫中,pycharm打开有点慢,所以选择了vscode,用了月余,感觉也还蛮不错的,慢慢完善编辑器让自己用的更顺手,在提升效率的同时亦一种乐趣。虽然写博客费时费力,但本着互联网的分享精神,还是很想把这些分享出来。尤其是现在网上的帖子同质化太严重,你复制我的,我粘贴你的,往往还是老帖或者写的很笼统,对于小白来说很不友好。如果此贴能对大家有一丝一毫的帮助,多少也算得上是有那么一点点意义的。


    效果图

    大图


    详情

    版本如下:

    安装扩展

    当我们刚刚安装完vscode的时候,软件是英文的,所以首先最重要的就是安装中文扩展包。其他的扩展包括主题的安装与此同理。

    主题 + 字体

    主题和扩展的安装方式一样,我用的是 One Dark theme,下载完后会提示你是否应用。除了颜色主题,vscode还可以更换文件图标主题,我的是 material icon theme。字体为 Monaco。打开设置后,直接搜索字体,再输入你想要改变的字体即可。
    mac版自带,说是最好用的编程字体。确实看着蛮舒服的,Windows系统需要自己下载该字体,链接在此:http://www.xiazaiziti.com/250657.html。下载后为ttf文件,直接双击,再点安装就好。

    实用扩展

    • 帮你运行代码 Code Runner

    • 帮你闭合标签 Auto Close Tag

    • 帮你检查拼写 Code Spell Checker

    • 帮你加注释 KoroFileHeader

    • 帮你开浏览器 open in browser

    • 帮你补全路径 path Intellisense

    • 帮你代码提示 Visual Studio IntelliCode

    • python必备 python

    我写python这些够用了,只给了名字,建议大家自己去看看,选择合适自己的,再找找其他的,文档都很详细

    用户设置 settings.json

    vscode可以用json来配置基础设置和扩展的设置,按下ctrl+shift+p可打开命令面板,可以看到有后面括号中写着 uijson 两种,一般我们不动默认配置,用户设置中的配置信息会覆盖掉默认设置。

    {   // 通过字面意思几乎都能看懂的
        "workbench.colorTheme": "One Dark Pro",
        "python.pythonPath": "D:\\Python39\\python3.exe",
        "editor.codeActionsOnSave": null,
        "files.autoSave": "off",
        "code-runner.saveFileBeforeRun": true,  // 这个是 code runner插件提供的,运行前保存文件的效果,从eclipse转到vscode的人往往经常因为忘记ctrl+s就运行,结果总报错
        "debug.toolBarLocation": "docked",
        "update.mode": "manual",
        "workbench.iconTheme": "material-icon-theme",
        "fileheader.configObj": {    // 此为前文的一个扩展的配置 KoroFileHeader,默认生成的占了大部分
    
            "createFileTime": true,
            "language": {
                "languagetest": {
                    "head": "/$$",
                    "middle": " $ @",
                    "end": " $/"
                }
            },
            "autoAdd": true,
            "autoAddLine": 100,
            "autoAlready": true,
            "annotationStr": {
                "head": "/*",
                "middle": " * @",
                "end": " */",
                "use": false
            },
            "headInsertLine": {
                "php": 2,
                "sh": 2
            },
            "beforeAnnotation": {
                "文件后缀": "该文件后缀的头部注释之前添加某些内容"
            },
            "afterAnnotation": {
                "文件后缀": "该文件后缀的头部注释之后添加某些内容"
            },
            "specialOptions": {
                "特殊字段": "自定义比如LastEditTime/LastEditors"
            },
            "switch": {
                "newlineAddAnnotation": true
            },
            "supportAutoLanguage": [],
            "prohibitAutoAdd": [
                "json"
            ],
            "prohibitItemAutoAdd": [
                "项目的全称, 整个项目禁止自动添加头部注释, 可以使用快捷键添加"
            ],
            "moveCursor": true,
            "dateFormat": "YYYY-MM-DD HH:mm:ss",
            "atSymbol": [
                "@",
                "@"
            ],
            "atSymbolObj": {
                "文件后缀": [
                    "头部注释@符号",
                    "函数注释@符号"
                ]
            },
            "colon": [
                ": ",
                ": "
            ],
            "colonObj": {
                "文件后缀": [
                    "头部注释冒号",
                    "函数注释冒号"
                ]
            },
            "filePathColon": "路径分隔符替换",
            "showErrorMessage": false,
            "wideSame": true,
            "wideNum": 13,
            "functionWideNum": 13,
            "CheckFileChange": false,
            "createHeader": true,
            "useWorker": false,
            "designAddHead": false,
            "headDesignName": "random",
            "headDesign": false,
            "cursorModeInternal": false
        },
        "fileheader.customMade": {
            "Author": "Lanausee",
            "Date": "Do not edit", // 文件创建时间(不变)
            "LastEditors": "Lanausee", // 文件最后编辑者
            "LastEditTime": "Do not edit", // 文件最后编辑时间
            "FilePath": "Do not edit", // 文件在项目中的相对路径 自动更新
            "Description":"......"
        },
        "editor.suggestSelection": "first",
        "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
        "python.languageServer": "Microsoft",
        "workbench.editor.enablePreview": true,
        "editor.fontSize": 14,
        "editor.fontFamily": "Monaco,Consolas, 'Courier New', monospace",
        "oneDarkPro.editorTheme": "oneDarkPro"
    }
    

    结语

    以后有新发现会再来更新此文章,尽量介绍详细。同时希望大家能多多尝试,找到适合自己的,并分享出来给更多的人看到。

    展开全文
  • vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...

    vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写代码,先上一张最终效果图。

    1423526-20190606133059026-1990342693.png

    Python

    首先当然要推荐这个必备插件python了,提供了代码分析,高亮,规范化等很多基本功能,装好这个就可以开始愉快的写python了。

    1423526-20190606133114571-1756031552.png

    vscode-icons

    vscode现在虽然已经自带了文件图标,但是作为一个颜控还是觉得略丑,这个插件提供各种图标就非常漂亮了,推荐给各位颜控。

    1423526-20190606133136812-1017261798.png

    One Dark Pro & Brackets Light Pro

    这两款主体是我比较喜欢的,一个深色主体一个亮色主体,可以换着来。

    1423526-20190606133200238-1715927950.png

    1423526-20190606133213676-747831202.png

    filesize

    一款在左下角显示文件大小的插件,还是挺实用的

    1423526-20190606133224096-1878281008.png

    Bracket Pair Colorizer

    代码颜色高亮一般只会帮你区分不同的变量,这款插件给不同的括号换上了不同的颜色,括号的多的时候非常实用。

    1423526-20190606133235785-1598632377.png

    Anaconda Extension Pack

    这个插件就推荐给用anaconda的同学了,大大增强了代码提示功能。原始的代码提示基本只包含了python标准库,有了这个插件之后各种第三方库基本都能实现代码提示了,并且还会额外显示每个方法的帮助。

    1423526-20190606133245115-2101212823.png

    Settings Sync

    这个插件可以实现同步你的vscode设置,包括setting文件,插件设置等,不过你要先有github的账户,因为它利用了github的token功能,相当于把这样文件上传到了你的github账户中,这样你就可以在其它的电脑上直接下载的配置文件了,不用再配置一次了,相当方便省事了。

    1423526-20190606133300949-1652629549.png

    先推荐这么多,以后遇到好用的插件还会继续更新!

    4.30更新

    Path Autocomplete

    有时候程序需要读取文件,自己手动去复制文件路径还是比较麻烦的,不过有了这个插件就方便多了,它能自动感知当前目录下所有的文件,只需要你自己选择就好了。

    1423526-20190606133325345-553646614.png

    如何使vscode运行程序时在当前文件夹中打开终端?

    vscode运行task,调试或者直接在终端运行文件时都是默认在vscode打开的文件夹中打开终端运行或者调试程序的,这时候存在的问题是,如果运行一个在子文件夹中需要读取文件的程序,按照其默认设置只能把文件放在主文件夹中,虽然也能通过cd之类的操作解决,但本着能省事就省事的原则,可以通过修改launch.json文件实现调试程序时在当前文件夹中打开终端运行程序,我的launch.json的文件如下:

    {

    "name": "Python",

    "type": "python",

    "request": "launch",

    "stopOnEntry": false,

    "pythonPath": "${config:python.pythonPath}",

    "program": "${file}",

    "cwd": "${fileDirname}",

    "env": {},

    "envFile": "${workspaceRoot}/.env",

    "debugOptions": [

    "WaitOnAbnormalExit",

    "WaitOnNormalExit",

    "RedirectOutput"

    ]

    }

    其实重点在于修改了cwd参数,有如下变量可以选择:

    ${workspaceRoot} the path of the folder opened in VS Code(VSCode中打开文件夹的路径)

    ${workspaceRootFolderName} the name of the folder opened in VS Code without any solidus (/)(VSCode中打开文件夹的路径, 但不包含"/")

    ${file} the current opened file(当前打开的文件)

    ${relativeFile} the current opened file relative to workspaceRoot(当前打开的文件,相对于workspaceRoot)

    ${fileBasename} the current opened file's basename(当前打开文件的文件名, 不含扩展名)

    ${fileDirname} the current opened file's dirname(当前打开文件的目录名)

    ${fileExtname} the current opened file's extension(当前打开文件的扩展名)

    ${cwd} the task runner's current working directory on startup()

    这样设置cwd参数为${fileDirname} ,调试程序时就是直接在当前文件中打开终端了。至于其它方法我在网上找了很久,自己也尝试过,但只有这种是成功了,也只能安慰自己能用就行了。

    ---------------------

    原文:https://blog.csdn.net/hnshhshjq/article/details/80140401

    展开全文
  • HTML简介及VScode插件安装网页介绍网页什么是网页什么是HTML网页的形成浏览器web标准HTML标签标签规范(语法)标签关系基本结构标签标签总结网页开发工具(VScodeVScode使用插件安装 网页介绍 网页 什么是网页 ...

    网页介绍

    网页

    什么是网页

    • 网站是在因特网根据一定规则,用HTML制作的展示网页的集合。
    • 网页是HTML格式的文件。
    • 网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,以.htm/.html结尾。

    什么是HTML

    • HTML是超文本标记语言,是用来描述网页的一种语言。
    • HTML不是编程语言,而是标记语言(标记语言是一套标签语言)。
      超文本:可以加入图片、声音、动画、传媒(超越文本限制)。可以从一个文件跳到另一个文件,与世界各地的主机相连(超文本链接)。

    网页的形成

    前端人员开发代码—>浏览器解析代码—>生成web页面

    浏览器

    浏览器内核:负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

    web标准

    由W3C(国际著名标准化组织:万维网联盟)和其他专业组织指定的一系列标准的集合。

    web标准的构成;

    • 结构:用于对网页元素整理和分类(HTML)。
    • 表现:用于设置网页元素的版式、颜色、大小等外观样式(CSS)。
    • 行为:指网页模式的定义及交互的编写(JS)。

    HTML标签

    标签规范(语法)

    1. < >/< >由尖括号包围关键词。
    2. 标签通常成对出现,我们称其为双标签(例如< html >/< html >),第一个为开始标签,第二个为结束标签。
    3. 有极少数特殊情况(例如< br/ >为单标签。

    标签关系

    1. 包含。
    2. 并列。

    基本结构标签

    <html> </html>:HTML标签,根标签
    <head> </head>:文档的头部,在此标签中设置title标签
    <title> </title>:文档的标题
    <body> </body>文档的主体
    

    标签总结

    <html>
    	<head>
    		<title>网页标题</title>
    	</head>
    	<body>
    		主体内容
    	</body>
    </html>
    		
    

    网页开发工具(VSCode)

    VSCode使用

    1. 双击打开软件
    2. 新建文件(Ctrl+N)
    3. 保存(Ctrl+S)
    4. Ctrl+加号、减号可放大缩小页面
    5. !+tab生成页面骨架
    6. 利用插件浏览:右键“open in default browser”

    插件安装

    1. 在vscode中,点击左边那排按钮最下面的一个
      在这里插入图片描述
    2. 这里有个搜索框,可以在里面搜索插件
      在这里插入图片描述
    3. 例如我们搜索"Visual Studio Code Settings Sync",这是一款能够同步自己vscode设置的插件。
      输入搜索词后,左边会展示你的搜索结果,点击其中一个,在右边的界面上点击安装按钮。
      在这里插入图片描述
    4. 等待安装完毕后需重新加载才能生效。
    5. 下面是我自己安装的一些常用插件。
      在这里插入图片描述
    展开全文
  • 前端好用vscode插件

    2019-07-15 22:43:02
    1.js函数括号 花括号 ...9.atom黑暗主体配色 One Dark Pro  https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme   10.atom白色主题配色 Atom One Light Theme ...
  • vscode 前端必备插件

    2021-06-18 14:56:44
    1. VS Code要显示成中文,只需要安装插件——Chinese (Simplified) Language
  • vscode插件快餐教程(3) - Diagnostic

    千次阅读 2019-05-16 16:16:20
    vscode插件快餐教程(3) - Diagnostic 上一节我们介绍了语言扩展的大致情况,这一节我们开始深入一些细节。 诊断信息 语言扩展中一个重要的功能是代码扫描的诊断信息。这个诊断信息是以vscode.Diagnostic为载体呈现的...
  • vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...
  • Vscode 好用的插件

    2019-06-12 02:55:30
    本文转Youtube的Up主 Traversy Media 原视频地址: youtu.be/LdF2RcelRg0 ...另外我Vscode主体是 Atom one dark 我感觉也挺好用的. 转载于:https://juejin.im/post/5d0067096fb9a07eda030f7b
  • vscode写python的插件推荐

    万次阅读 多人点赞 2018-04-30 00:19:33
    vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...
  • 让你你知道怎么发布自己的作品到插件市场,且对 npm的package.json会有更深一层的理解
  • VScode的左侧,第五个小图标,点进去以后搜索插件名称,然后点击右下方绿色install小按钮安装就可,已经安装过的右下方显示的时卸载 2、常用的插件以及作用 1、Chinese 汉化 2、open in browser 在浏览器中运行...
  • vscode中vue代码颜色插件

    万次阅读 2018-10-11 10:22:00
    vue提示插件Vscode】 编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都...
  • 为了防止世界被破坏,为了守护世界的和平,为了保持力量与 PM 干架,为了和我一样热爱工作而忘记吃饭的优秀程序员的身体健康,在此大家献上我刚刚造出来的沙雕vscode插件:Remind-me。 主要功能有:提醒你吃饭下班,...
  • VSCode使用

    万次阅读 2018-10-26 16:10:45
    安装Visual Studio Code(vscode) 插件: 1.Chinese 2.主题 Super One Dark Theme 3.插件 luaide、Lua Beautify(快速格式化你的代码格式,让你在编写代码时杂乱的代码结构瞬间变得非常规整) ESLint(语法规则...
  • 一,自定义代码片段补全...二,安装vscode插件类名代码提示,插件名:IntelliSense for CSS class names in HTML(安装后记得次重启编辑器) 【注意:如果是.vue .php类的文件把这项去除,否则不成功】 pr...
  • body :这个是代码段的主体.需要编写的代码放在这里,  $1 :生成代码后光标的初始位置. $2 :生成代码后光标的第二个位置,按tab键可进行快速切换,还可以有$3,$4,$5..... ${1,字符} :生成代码后光标的初始位置(其中...
  • vscode-node-snippets 为了方便起见,我最喜欢的节点摘要打包为插件 字首 描述 地图 带箭头功能的数组映射 好的地图 地图对象键属性 要求 基本需求陈述 用 使用严格的声明 自来水 只是控制台记录其参数的函数 轻敲 ...
  • VSCode自定义配色文件

    2018-11-08 09:58:09
    目前在使用的一种配色方案,只要将该文件复制到VSCode主体文件目录中($RELEASE/resources/app/extensions),以theme-开头的目录即为颜色主题配置 打开vscode,按键选择ctrl+k,ctrl+t,选择Monokai-My即可切换...
  • VScode软件入门详解

    千次阅读 2020-03-05 16:01:12
    VScode软件入门 VScode如何自定义用户代码块 左上角:文件->首选项->用户代码片段 右下角:设置->用户代码片段 ...body :这个是代码段的主体.需要编写的代码放在这里,  $1 :生成代码...
  • vscode用法

    2019-09-26 20:44:54
    vscode是一个值得花费时间去掌握精通的编辑器。 好文档不必远求 打开vscode,把菜单看上三遍,仔细思考每个菜单项的作用,思考为啥要这样归类每个菜单项。 配置是系统的核心 "文件/首选项"这个菜单至关重要,它包括...
  • vscode常用的深色主题

    2021-10-02 16:04:01
    vscode中有几种常用的深色主题,设置深色主题的原因是为了保护眼睛,同时给代码着色,更方便阅读和编写。点击vscode做出的插件按钮 --> 输入 theme 回车即可。
  • vscode主题安装

    千次阅读 2019-09-22 21:13:15
    安装主题 快捷键Ctrl Shift X打开安装插件 ...扩展插件vscode-icon 鼠标滚轮设置字体大小 打开setting.json文件 修改setting.json,追加"editor.mouseWheelZoom": true { "editor.fontSize": 16, "workben...
  • VSCode小说神器Thief-Book-VSCode页数获取

    千次阅读 2020-12-19 17:57:30
    VSCode小说神器Thief-Book-VSCode页数获取 写在前面 做这件事的原因: 用这个工具摸鱼看小说吧,有一个问题,那就是摸鱼的时候很爽,但是有空了可以光明正大看小说的时候,这么一行一行的看就十分离谱,不能跨设备...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,060
精华内容 424
关键字:

vscode主体插件