当前位置： 移动技术网 > IT编程>脚本编程>vue.js > VSCode开发前端插件使用(vue等多种介绍)

VSCode开发前端插件使用(vue等多种介绍)

2020年08月01日  | 移动技术网IT编程  | 我要评论


VSCode 开发前端插件


VUE(开发vue)

vue

在这里插入图片描述

Vue 2 Snippets

在这里插入图片描述

Vue VSCode Snippets

在这里插入图片描述

Vetur

在这里插入图片描述

Auto

Auto Rename Tag

自动重命名标签
与Visual Studio IDE一样，自动重命名配对的HTML / XML标记。
在这里插入图片描述

Auto Close Tag

自动关闭标签
自动添加HTML / XML关闭标记，与Visual Studio IDE或Sublime Text相同。
在这里插入图片描述

Beautify

Beautify

美化javascript，JSON，CSS，Sass，和HTML的代码。
在这里插入图片描述

ESLint

ESLint

将ESLint集成到VS Code中
在这里插入图片描述

Code Runner

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，球拍，Scheme，AutoHotkey，AutoIt，Kotlin，Dart，Free Pascal，Haskell，Nim，D，Lisp，Kit，V，SCSS，Sass，CUDA，Less和自定义命令在这里插入图片描述

CSS

CSS Modules

CSS模块扩展，支持自动完成，去定义
在这里插入图片描述

CSS Peek

速览：内联加载css文件并在那里进行快速编辑。（Ctrl+Shift+F12）
转至：直接跳至CSS文件或在新的编辑器（F12）中打开它
悬停：将定义悬停在符号（Ctrl+hover）上
在这里插入图片描述

cssrem

VSCode中的一个pxto rem插件，换算为rem（用于小程序开发）
在这里插入图片描述

小程序

minapp

微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）
在这里插入图片描述

npm

npm

该扩展支持运行文件中定义的npm脚本，package.json并根据中定义的依赖项验证已安装的模块package.json。
在这里插入图片描述

Image

Image preview

图像预览
在这里插入图片描述

Path

Path Autocomplete

路径自动完成
在这里插入图片描述

Path Intellisense

自动完成文件名的Visual Studio Code插件。
在这里插入图片描述

PowerShell

PowerShell

该扩展为Visual Studio Code提供了丰富的PowerShell语言支持。现在，您可以使用Visual Studio Code提供的出色的类似IDE的界面编写和调试PowerShell脚本。

在这里插入图片描述

Git

Git History

Git历史记录，搜索和更多内容（包括git log）
在这里插入图片描述

Vant

Vant Snippets

自动补全Vant 组件的标签

在这里插入图片描述

vscode

vscode-icons

vscode图标美观VSCode
在这里插入图片描述

本文地址：https://blog.csdn.net/z772330927/article/details/107659186

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网