vscode操作记录

最新推荐文章于 2024-05-14 09:31:19 发布

qq_34530048

最新推荐文章于 2024-05-14 09:31:19 发布

阅读量6.1k

点赞数

文章标签： vscode

本文链接：https://blog.csdn.net/qq_34530048/article/details/80535212

版权

插件收集

vetur
sublime text keymap and setting
language-Stylus
code runner
chinese (simplified) language ---汉化
vue 2 snippets
wpy-beautify 对代码整体的格式化排版

Path Autocomplete 地址补全插件
px2rem
Bracket Pair Colorizer 括号高亮显示

Css peek 定位css在哪个文件夹
Minify 压缩插件 ctrl+p后输入minify 后自动生成.min文件
Open in browser 在浏览器中打开 (View in browser也有类似效果)
Live Seerver 同步浏览器视图
自动闭合标记(Auto Close Tag) 和自动重命名标记(Auto Rename Tag)
Indenticator(缩进指示器)

C:\Users\Administrator\AppData\Roaming\Code\User\snippets vs自定义快捷键位置

下面是设置：

开启时会自动判断编码格式：
"files.autoGuessEncoding": true

html.snippets.json Html骨架配置快捷键 html 下面是所用配置：
{
"HTML template": {
        "prefix": "html",
        "body": [
            "<!DOCTYPE html>",
            "<html>",
            "<head>",
            "\t<meta charset=\"utf-8\" />",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
            "\t<title>Page Title</title>",
            "\t<meta name=\"viewport\" content=\"width=device-width,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no,viewport-fit=cover,initial-scale=1\">",
            "</head>",
            "<body>",
              "\tdiv$0",
            "</body>",
            "</html>"
        ],
        "description": "Simple HTML5 starting point"
    }
}

自动折行设置
"editor.wordWrap": "on"

设置在浏览器查看快捷键f1

qq_34530048

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vscode操作记录

插件收集vetursublime text keymap and settinglanguage-Styluscode runner chinese (simplified) language ---汉化vue 2 snippetswpy-beautify 对代码整体的格式化排版Path Autocomplete 地址补全插件px2rem Bracke...
复制链接

扫一扫