VsCode自用插件

VsCode下载地址:点击下载

VsCode插件列表

filesize
在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

vscode-fileheader
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

file-icons
VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标

Bracket Pair Colorizer
让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

PHP插件列表

PHP Extension Pack
PHP扩展包,会提示安装PHP Debug和PHP IntelliSense

PHP Debug
PHP调试工具,需要配置参数

PHP IntelliSense
PHP代码自动补全工具

PHP Formatter
PHP代码自动格式化工具

PHP DocBlocker
PHP写注释工具

HTML插件

Debugger for Chrome
vscode 映射 chrome 的 debug功能,静态页面可以用 vscode 来打断点调试

HTML Snippets
超级实用且初级的 H5代码片段以及提示

HTMLHint
html代码检测

Path Intellisense
H5自动路劲补全

ESLint
ESlint 接管原生 js 提示,可以自定制提示规则

VUE插件列表

Vetur
语法高亮、智能感知、Emmet等

Vue 2 Snippets
Vue 2代码片段和语法突出显示

VueHelper
snippet代码片段

配置文件

{
    // 限制最小映射的宽度,尽量多地呈现特定数量的列
    "editor.minimap.maxColumn": 240,
    // 启用后,按下 TAB 键,将展开 Emmet 缩写。
    "emmet.triggerExpansionOnTab": true,
    // Turns auto fix on save on or off.
    "eslint.autoFixOnSave": true,
    // An array of language ids which should be validated by ESLint
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    // 在函数参数括号前定义空格处理。需要 TypeScript >= 2.1.5。
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // 以像素为单位控制字号。
    "editor.tabSize": 2,
    // 控制键入时是否应自动显示建议
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    },
    // Default formatter for <script> region
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    // Default formatter for <template> region
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // 控制字体系列。
    "editor.fontFamily": " Consolas, 'Courier New', monospace, 微软雅黑",
    // php默认路径
    "php.validate.executablePath": "C:/Program Files/PHP/v7.0/php.exe",
    // php代码提示工具默认路径
    "php.executablePath": "C:/Program Files/PHP/v7.0/php.exe",
    "php-docblocker.extra": [
        "@author leo.lei<346991581@qq.com>"
    ],
    // 开启自动保存
    "files.autoSave": "off",
    // 打印日志信息,用于调试
    "phpformatter.logging": true,
    // 不使用composer方式
    "phpformatter.composer": false,
    // php路径,使用composer方式时可以不填
    "phpformatter.phpPath": "C:/Program Files/PHP/v7.0/php.exe",
    // php-cs-fixer.phar路径,使用composer方式时可以不填
    "phpformatter.pharPath": "C:/Program Files/PHP/v7.0/php-cs-fixer.phar",
    // 添加自定义参数,默认的参数level已经在新版本中移出所以会导致运行出错
    "phpformatter.arguments": [
        "--rules=@Symfony"
    ],
    "workbench.startupEditor": "newUntitledFile",
    "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
    "editor.wordWrap": "on",
}

此处评论已关闭