AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

VScode插件

2022-12-14 210
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前端开发的编辑器有很多种如DW,hubilder，Web Storm,sublime,vscode，等等。

随着VsCode开源免费，丰富的插件，也是深受前端开发人员爱戴，在我们使用VsCode开发vue2的时候经常会下载一个插件vetur ，帮我们提供良好的代码智能提示

在当vue3.2发布完之后 vetur 并不能给我们提供良好的代码提示，所以volar顺应而生


Volar

与vetur相同，volar是一个针对vue的vscode插件，不过与vetur不同的是，volar提供了更为强大的功能（使用的时候需要把vetur 设置为禁用状态）

image.png

与他配套的还有

image.png

并且还提供了编辑器快捷分割和vite预览功能

点击右上方三角代码将切成两块script style是一块template是一块

image.png

点击vite 图标还支持快速预览功能

image.png

image.png

image.png

就连css也是有提示的

image.png

文章标签：
JavaScript
前端开发
流计算
关键词：
vscode插件
vs code插件
世间万物皆不及你
目录
相关文章
游客5wgpwz4lyt4j6
|
1月前
|
自然语言处理 API C++
阿里通义推出SmartVscode插件，自然语言控制VS Code，轻松开发应用，核心技术开源！
SmartVscode插件深度解析：自然语言控制VS Code的革命性工具及其开源框架App-Controller
游客5wgpwz4lyt4j6
154 1
BetterBench
|
4月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题，并提供了一些相关的使用技巧和资源链接。
BetterBench
257 1
爱的不是纯牛奶-47754
|
1月前
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件：ESLint用于代码质量和风格检查；Prettier自动格式化代码；GitLens增强Git功能；Live Server提供前端实时预览；Docker支持容器管理。
爱的不是纯牛奶-47754
169 2
江湖有缘
|
2月前
|
自然语言处理 JavaScript 开发者
通义灵码插件：VSCode 的智能编程助手
通义灵码插件：VSCode 的智能编程助手
江湖有缘
615 3
石小石Orz
|
2月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
石小石Orz
304 0
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
胡东旭
|
4月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具，并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括：Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag，这些插件能够显著提升开发效率和代码质量。此外，还提供了录制Gif图的工具GifCam。
胡东旭
159 5
vscode10大常用插件
小王老师呀
|
3月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中，使用Visual Studio Code（VS Code）结合AI插件能显著提升效率。VS Code提供强大的编辑功能，如语法高亮、自动补全和代码格式化；便捷的调试功能，支持多种调试器；以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误，还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server，可根据需求选择合适的工具组合，提高开发效率和代码质量。
小王老师呀
183 2
番茄酱脑袋
|
4月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
番茄酱脑袋
116 6
游客fz577umxdejsg
|
4月前
|
JSON 前端开发 JavaScript
这 2 个插件，让你的 vscode更牛逼
这 2 个插件，让你的 vscode更牛逼
游客fz577umxdejsg
62 0
。思索
|
4月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
。思索
206 0

热门文章

最新文章

  • 1
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 2
    Mac 上 iterm2 和 VSCode 终端中的字体设置建议
  • 3
    使用VScode开发Angular
  • 4
    Ubuntu 20.04 右键扩展在vscode中打开
  • 5
    VS Code中进行git远程仓库同步
  • 6
    阿里云服务器远程配置使用Xshell,Filezilla,Vscode
  • 7
    VS Code 创建maven项目
  • 8
    Mac 系统 VS Code 设置向下复制粘贴当前行快捷键(Ctrl + D)
  • 9
    【dotnet跨平台】关于VS Code扩展和主题市场
  • 10
    【GitHub】github学生认证，在vscode中使用copilot的教程
  • 1
    vscode远程连接修改python解释器路径 - 蓝易云
    432
  • 2
    vscode打造舒适的python开发环境
    85
  • 3
    VS code debug c代码 配置
    70
  • 4
    阿里云发布 AI 编程助手 “通义灵码”——VSCode更强了 ！！
    812
  • 5
    【GitHub】github学生认证，在vscode中使用copilot的教程
    969
  • 6
    【vscode】在本地加载远端环境并开发
    344
  • 7
    vscode跟踪vue代码方法
    191
  • 8
    如何使用vscode启动Flask并实现无公网IP远程访问内网服务
    219
  • 9
    vscode 使用python无法导入库
    202
  • 10
    PHP基于B/S版 医院不良事件管理系统源码vscode+laravel8医院如何加强不良事件上报系统的管理 AEMS系统源码
    70

    • 相关电子书

    更多
  • D2前端工程下一站 IDE ——上坡&吭头
  • D2前端工程下一站 IDE
  • 低代码开发师（初级）实战教程

    • 相关实验场景

    更多
  • 前端开发基础2：VS Code和Edge的联动开发
  • 基于函数计算部署Serverless VSCode WebIDE
  • 基于 IntelliJ IDEA 插件部署微服务应用
    • 下一篇
    DataWorks售前咨询