menu Chancel's Blog
rss_feed lightbulb_outline

我的笔记

Visual Studio Code - Python代码Yapf自动格式化(换行设置)

首先需要安装Yapf,如果是远程开发,则需要在远程的机器上安装

pip3 install yapf

接着在VS Code菜单栏按顺序选择 File->Preferences->Settings,然后搜索 Python Formatting Provider,选择Yapf

接着在第二行Yapf添加两个参数,如图所示,分别是

--style

{column_limit:200}

即换行间隔字符为200

Software Tools IDE 2020-10-16 06:14:03 location_on

VSCODE - JavaScript格式化分号自动添加分号问题

当我们使用VSCODE自动格式化JavaScript时,通常会使用到VeTur和Prettier两款插件进行格式化,但我的项目是两个,一个基于Flask搭建的API系统(通过meta引入Vue),一个基于Vue-Cli搭建的SPA应用

这个时候设置项就很奇怪了,在非Vue文件里,需要在设置setting.json中添加如下prettier配置,可强制所有HTML文件的JavaScript不带分号

{
  "python.linting.pylintEnabled": true,
   ......
  "prettier.semi": false, // 使用prettier格式化HTML文件时不带分号  
  "prettier.singleQuote": true, // 使用prettier格式化HTML文件时强制使用单引号
   ......
}

当你的项目是Vue脚手架搭建的时候,上面的设置又是无效的,因为使用到VeTur进行格式化Vue文件,所以需要把prettier设置项引入vetur.format.defaultFormatterOptions

{
    "window.zoomLevel": 0,
    ......
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,          // 使用prettier格式化HTML文件时不带分号
            "singleQuote": true     // 使用prettier格式化HTML文件时强制使用单引号
        },
        ......
    },
}

Software Tools IDE 2019-09-27 10:47:11 location_on

VS Code插件推荐 - 基础插件

Code Runner
支持运行多种语言的代码片段或代码文件,包括C,C ++,Java,JavaScript,PHP,Python,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT / CMD,BASH / SH,F#脚本,F#(.NET Core),C#脚本,C#(.NET Core),VBScript,TypeScript,CoffeeScript,Scala,Swift,Julia,Crystal,OCaml脚本,R,AppleScript,Elixir,Visual Basic .NET,Clojure,Haxe,Objective-C,Rust,Racket,AutoHotkey,AutoIt,Kotlin,Dart,Free Pascal,Haskell,Nim,D,Lisp和自定义命令

Todo Highlighter
是否经常忘记解决TODO就提交代码?这款插件可以给所有TODO标上明亮的颜色来提醒

GitLens/Git History
GitLens/Git History增强了Visual Studio Code中内置的Git功能。
他们可以帮助您通过Git注释和代码一目了然地查看代码作者,同时导航和探索Git存储库的其他内容,也支持比较文本,是一款强大的VSCODE GIT功能扩展插件

REST Client
REST客户端允许您直接发送HTTP请求并在Visual Studio代码中查看响应。

Visual Studio IntelliCode
一款强大的智能提示工具,支持语言也十分广泛,包括C#, C++, TypeScript/JavaScript, and XAML等

vscode-icons
外观是第一生产力!让你的VSCODE拥有与众不同的漂亮图标显示吧

Dracula
万千主题,独爱这款

Software Tools IDE 2019-09-03 17:00:16 location_on

Visual Studio Code指定特定后缀文件的识别格式

在编辑Python Flask项目的时候遇到Visual Studio Code把HTML文件给自动识别为Django文本,想指定识别为HTML文件为HTML文档,需要在用户设置/系统设置里(setting.json)里添加如下设置

{
    "files.associations": {
    "*.html": "html"
    }
}

Software Tools IDE 2019-08-08 11:17:08 location_on

VSCODE - Vue代码格式化自动换行问题

在项目根目录新建.vscode文件夹,创建settings.json文件,输入如下用户配置

{
    "python.linting.pylintEnabled": true,
    "files.exclude": {
        "**/__pycache__": true,
        "**/.idea": true
    },
    "python.linting.pylintArgs":[
        "--disable=E1101",
        "--disable=w,c"
    ],
    "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
        "wrap_line_length": 140,
        "wrap_attributes": "auto",
        "end_with_newline": true
      },
      "prettier": {
        "semi": false,
        "singleQuote": true
      }
    }
}

Software Tools IDE 2019-08-06 15:13:06 location_on

1 of 1 | A total of 5