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

VScode插件

2022-12-14 206
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前端开发的编辑器有很多种如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插件
世间万物皆不及你
目录
相关文章
BetterBench
|
3月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题，并提供了一些相关的使用技巧和资源链接。
BetterBench
231 1
江湖有缘
|
30天前
|
自然语言处理 JavaScript 开发者
通义灵码插件：VSCode 的智能编程助手
通义灵码插件：VSCode 的智能编程助手
江湖有缘
247 3
石小石Orz
|
1月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
石小石Orz
69 0
2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
胡东旭
|
3月前
|
前端开发 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。
胡东旭
136 5
vscode10大常用插件
小王老师呀
|
2月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中，使用Visual Studio Code（VS Code）结合AI插件能显著提升效率。VS Code提供强大的编辑功能，如语法高亮、自动补全和代码格式化；便捷的调试功能，支持多种调试器；以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误，还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server，可根据需求选择合适的工具组合，提高开发效率和代码质量。
小王老师呀
125 2
番茄酱脑袋
|
3月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
番茄酱脑袋
93 6
游客fz577umxdejsg
|
3月前
|
JSON 前端开发 JavaScript
这 2 个插件，让你的 vscode更牛逼
这 2 个插件，让你的 vscode更牛逼
游客fz577umxdejsg
54 0
。思索
|
3月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
。思索
174 0
BetterBench
|
3月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法，主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
BetterBench
227 0
朝阳39
|
4月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建（含官网和nvm下载切换最新版node，修改node下载源，创建项目，启动项目，安装vscode插件Vue - Official）
vue3【2024版】开发环境搭建（含官网和nvm下载切换最新版node，修改node下载源，创建项目，启动项目，安装vscode插件Vue - Official）
朝阳39
279 3

热门文章

最新文章

  • 1
    这 12 个基于 AI 的 VSCode “杀手级” 生产力插件，了解一下？（一）
  • 2
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 3
    Mac 上 iterm2 和 VSCode 终端中的字体设置建议
  • 4
    sublime和vscode比较
  • 5
    VsCode通过snippet generator快速生成自定义代码片段
  • 6
    VS Code英汉词典进化效果演示: 翻译文件所有命名
  • 7
    在vscode下将ipynb文件转成markdown（.md文件）的方法
  • 8
    【开发工具】【windows】Visual Studio Code(VS Code)远程Linux服务器环境搭建——SFTP篇
  • 9
    Vscode搭建开发调试STM32/RISC-V环境IDE(最全面)
  • 10
    VSCode 中使用 vim 操作
  • 1
    【完全免费】VS Code 最好用的 12 款 AI 代码提示插件！！！
    8498
  • 2
    【Linux】VScode远程连接Linux
    69
  • 3
    Vscode 内存过高的解决办法
    581
  • 4
    「Python入门」python环境搭建及VScode使用python运行方式
    102
  • 5
    vscode 生成项目目录结构 directory-tree 实用教程
    293
  • 6
    vscode中快捷生成自定义vue3模板
    317
  • 7
    vue3【2024版】开发环境搭建（含官网和nvm下载切换最新版node，修改node下载源，创建项目，启动项目，安装vscode插件Vue - Official）
    279
  • 8
    若依修改01-通义灵码 AI智能编码，从这里开始，搭建，设计，编码，部署，使用AI辅助设计，通义千问把AI辅助设计放到快捷链接当中，vscode可以嵌入通义灵码，必须解决idea+vscode+通义灵
    269
  • 9
    uni-app 使用vscode开发uni-app
    217
  • 10
    下载安装 vscode（含汉化、插件的推荐和安装）
    73

    • 相关电子书

    更多
  • 宏光S导航安装教程
  • 低代码开发师（初级）实战教程
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

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