vscode中前端vue项目详解_VSCode开发前端插件使用(vue等多种介绍)

本文详细介绍了在VSCode中开发前端Vue项目时使用的各种插件,包括Vue 2 Snippets、Vetur、Auto Rename Tag、Auto Close Tag、Beautify、ESLint、Code Runner等,涵盖了代码补全、美化、错误检查和运行等多个方面,提升开发效率。此外,还提及了CSS Modules、Path Autocomplete、Git History等插件,以及针对微信小程序的支持。
摘要由CSDN通过智能技术生成

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

希望与广大网友互动??

点此进行留言吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值