插件
run code
代码运行插件。
Color Pick
提示和选取颜色
copy text
提供一个复制选项,复制时不复制样式ctrl+shift+c
主题
One Dark Prow
Atom暗黑主题。
vscode icon
改变文件及文件夹图标。
快捷键
Eclipse Keymap
将快捷键设置为Eclipse风格。
HTML
auto rename tag
改一边的标签自动改另一边
open in browser
在浏览器中打开
live server
开启一个静态资源服务器
CSS
color info
提示css中的颜色。不建议与Color Info一起使用。
stylelint
css检查工具
javascript
ESLint
EsLint
prettier-code formatter
替换自带的代码格式化器。可格式化html、css、js。
可以在项目的.prettierrc
文件中配置项目prettier
EditorConfig for VS Code
代码格式化。通过.editorconfig配置。
SASS
Sass
sass代码高亮
VUE
vetur
VUE代码高亮、智能感知、Emmet。
技巧
生成html模版
在html文件中! + tab
快捷键设置
设置快捷键方法:file=>preferences=>keyboard shortcuts
command name | command | default key binding | 我的习惯 |
---|---|---|---|
Toggle Line Comment | editor.action.commentLine | ctrl+shift+c | 禁用 |
用户代码片段
用户代码片段可使用命令+tab快速创建代码。设置方法:file=>preferences=>user snippets
vue.json
{
"Print to console": {
"prefix": "vue",
"body": [
"<style>",
"/* pageFullScreen在index.css */",
"#xxxFullScreen {",
"background-color: #eee;",
"} \n",
"</style>",
"<template>",
"
\n",
"
",
"</template>",
"",
"$2"
],
"description": "Log output to console"
}
}
0 条评论