vscode开发vue必备插件

发布时间:2025-02-21 04:44

使用Vue.js开发前端应用,学会使用Vue Router管理路由 #生活技巧# #数码产品使用技巧# #设计软件使用技巧#

最新推荐文章于 2025-01-18 00:20:54 发布

前端交互仔 于 2020-07-01 12:02:40 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

一. vetur

vetur能够实现在 .vue 文件中:

语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript 语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持 代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳 123

二.eslint

eslint插件能够检测代码语法问题,与格式问题,对项目代码风格统一至关重要。 1

三.EditorConfig for Visual Studio Code

EditorConfig 是一种被各种编辑器广泛支持的配置,使用此配置有助于项目在整个团队中保持一致的代码风格。 1

四.Path Intellisense

在编辑器中输入路径时,自动补全。 1

五.View In Browser

在浏览器中查看静态文件。 1

六.Live Server

这个插件很有用,安装之后可以打开一个简单的服务器。而且还会自动更新。安装之后,打开项目文件夹,再在文件上点击右键就会出现一个Open with Live Server的选项,

就会自动打开浏览器了。默认端口号是5500

七.GitLens----- Git Supercharged(必备)

查看git文件提交历史。 1

八.Document This

注释文档生成 1

九.Debugger for Chrome

直接在vscode里面进行调试js文件,跟谷歌的控制台是一样的功能,下载了它就不用打开浏览器的控制台就能进行打断点。 需要配置vscode的lauch.json的谷歌调试相关配置 12

十.HTML CSS Support

在编写样式表的时候,自动补全功能大大缩减了编写时间,推荐! 1

十一.JavaScript Snippet Pack

针对js的插件,包含了js的常用语法关键字,很实用。 1

十二.HTML Snippets

这款插件包含html标签,非常全,很实用。 1

十三.One Monokai Theme

能够选择自己喜欢的颜色主题,来编写代码,比较喜欢用的是monokai。 1

十四.vscode-icons(很好用)

能够选择自己喜欢的图标主题,比较推荐vscode icons 1

网址:vscode开发vue必备插件 https://www.yuejiaxmz.com/news/view/785747

相关内容

优化开发体验:VSCode配置技巧分享
nodejs+vue学生教师师生身体心理健康管理系统
Nodejs+vue+Express校园二手图书网站
vscode为什么那么慢
vscode为什么不出独立窗口
“import ... =“ 只能在typescript 文件中使用(解决方法)
vscode卡顿如何优化
【原创】springboot+vue个人财务记账管理系统设计与实现
活久见!同事在 VSCode 中养了十几只宠物!活久见,VSCode 中养宠物,这不仅仅是一种技术上的创新,更是一种生活
Vue项目的打包方式(生成dist文件)

随便看看