关于前端:前端必备VSCode实用插件总结

7次阅读

共计 1264 个字符,预计需要花费 4 分钟才能阅读完成。

必备插件

Auto Close Tag:能够主动闭合 HTML 标签

Auto Rename Tag:批改 HTML 标签时,可能主动批改匹配的标签

Beautify:javaScript、JSON、CSS、Sass、HTML 格式化

Chinese (Simplified) Language Pack:中文简体版 (vscode 汉化)

Codelf:变量命名神器,从此再也不必发愁要怎么命名变量了

Color Info:在色彩光标上悬停即可呈现色调模型 rgb、hsl、css-color-name、hsv、lab、cmyk…..

CSS Peek:选中 HTML 里的一个 class 名或者 id 名,能够间接定位到该名称的 CSS 的地位

Debugger for Chrome:在 Chrome 中运行代码,应用 vscode 进行调试。

Document This:为 js 文件生成文档的代码正文。

ESLint:eslint 插件, 查看编程时的语法错误。

GitLens — Git supercharged:能够间接在光标处显示代码编写人以及工夫

HTML Boilerplate:HTML 模版插件,能够解脱为 HTML 新文件从新编写头部和注释标签的苦恼

HTML CSS Support:HTML 里 CSS 属性提醒

HTML Snippets:HTML 代码主动补全

indent-rainbow:让缩进带有色彩

JavaScript (ES6) code snippets:代码片段提醒

JavaScript Booster:代码重构,帮你优化代码

jQuery Code Snippets:代码片段提醒

Live Sass Compiler:实时将 SASS / SCSS 文件编译 / 转换为 CSS 文件
Live Server:批改文件浏览器主动刷新;浏览器主动关上我的项目;本地开发搭建长期的服务

open in browser:装置完这个插件就能够在编辑器菜单右键 html,在默认浏览器关上了

Path Intellisense:主动补全文件名

Prettier – Code formatter:代码格式化

Quokka.js:是一个调试工具,能够为您正在编写的代码提供实时反馈。它可能预览变量的函数和计算值后果

Rainbow Brackets:彩虹形括号,避免代码里的括号错乱

TSLint:tslint 插件, 查看编程时的语法错误

webpack:webpack 插件,能够间接依据须要创立 webpack 配置文件,不须要本人配置

vue 插件

Vetur:弱小的 vue 开发插件,提供语法高亮、代码提醒、谬误检测、格式化等性能

微信小程序插件

vscode weapp api:提供微信小程序 api 反对及代码片段提醒

minapp:实现微信小程序中 wxml 文件的主动补全性能

wechat-snippet:输出关键字提醒微信小程序代码片段

wxml:格式化微信小程序 wxml 文件

wxss-peek:为 wxss 款式提供跳转到定义性能

flutter 插件

Awesome Flutter Snippets:Flutter 的代码提醒片段

Flutter:flutter 插件,能够在 vscode 里反对 flutter

正文完
 0