"liveSassCompile.settings.formats":[
// You can add more
{
"format": "compressed",//压缩
"extensionName": ".min.css",//编译后缀名
"savePath": "./css"//编译保存的路径
}
],
使用
markdownlint
markdown 语法检查
Node.js Modules Intellisense
可以在导入语句中自动完成JavaScript / TypeScript模块。
npm Intellisense
在导入语句中自动填充npm模块,跟Node.js Modules Intellisense差不多
open in browser
当前的 html 文件用浏览器打开,类似 webstorm 的那四个小浏览器图标功能,前提条件html 文件必须保存
vscode 前端插件推荐
常用插件
Auto Close Tag
Auto Rename Tag
Beautify
Bootstrap 4 & Font awesome snippets
Bracket Pair Colorizer
Class autocomplete for HTML
Code Runner
css peek
使用方法:将光标放在class里面的属性,右击
Dash
Debugger for Chrome
简单使用:戳我
Document This
设置:
快捷键: 按两次Ctrl+alt+d
ESLint
配置:戳我
Font-awesome codes for html
filesize
Git History
使用 command+shift+p(Ctrl+shift+p) 输入git log就可以看到了
Git Lens
HTML CSS Support
HTML Snippets
htmlhint
htmltagwrap
使用:选择一大段代码,然后按“Alt + W”
Indenticator
IntelliSense for CSS class names
智能提示 css 的 class 名
Image Preview
JavaScript (ES6) code snippets
JavaScript Snippet Pack
jQuery Code Snippets
Live Sass Compiler
使用
markdownlint
Node.js Modules Intellisense
npm Intellisense
open in browser
快捷键alt+b
Output Colorizer
Path Intellisense
Prettier
Project Manager
Sass
vscode-faker
打开方式shift+cmd+p(shift+ctrl+p)) 然后输入faker 就可以选择了
Quokka.js
使用:先shift+cmd+p (ctrl+shift+p)输入 quokka 选择 new javascript 就行了😀
Regex Previewer
TSLint
TypeScript Importer
vscode-icons
react
React-Native/React/Redux snippets for es6/es7
react-beautify
vue
vetur
VueHelper
Vue TypeScript Snippets
Vue 2 Snippets
主题
Dracula Official
个人最喜欢的主题,应该是最好看的主题之一😀
One Dark Pro
这个也好看😄
Atom One Dark Theme(老版本)
这个和 One Dark Pro差不多,One Dark Pro颜色主题多一些
One Monokai Theme
Eva Theme
里面包含黑色和白色主题,这个白色主题感觉挺好看的
Boxy Theme Kit
大家还有什么好的插件推荐吗🤓