Vue3 (Vscode插件)

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

前端开发的编辑器有很多种如DW,hubilder,Web Storm,sublime,vscode,等等。


Vue3 + vite + Ts + pinia + 实战 + 源码 +全栈_哔哩哔哩_bilibili  视频教程

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


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


Volar


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


061c0ed0e847443e9ecce8c6f478d5a9.png


与他配套的还有


9404dc9aa78e42acb7b97463eb81ab7b.png


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


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


8d6758222cc944f9a178f22c24b1b419.png


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


1df619cdd0884258823aab99f421eb5f.png

51920ad930af4ef690193f5721dd6943.png


0aa4c194d95f4a72a98d0056812dc063.png


就连css也是有提示的


7408f1358815480282e352e538dbd832.png

目录
相关文章
|
4月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
248 1
|
2月前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
324 3
|
3月前
|
JSON JavaScript 小程序
使用VSCode搭建UniApp + TS + Vue3 + Vite项目
`uniapp` 是一个基于 Vue.js 的框架,支持一次开发多端部署,深受前端开发者喜爱。本文详细介绍如何使用 `VSCode` 搭建 `uniapp` 项目,包括安装 `node` 和 `pnpm`、创建项目、安装扩展组件、配置 `Json` 文件注释及安装相关插件。通过这些步骤,你可以高效地使用 `VSCode` 开发 `uniapp` 项目,并享受代码提示和自动补全功能,提高开发效率。
322 24
使用VSCode搭建UniApp + TS + Vue3 + Vite项目
|
2月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
90 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。
150 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,可根据需求选择合适的工具组合,提高开发效率和代码质量。
137 2
|
4月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
4月前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
4月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
182 0
|
4月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
234 0