vscode安装使用常用到的插件有哪些哟
01---快速生成组件语法模板的插件:Auto Close Tag,< 生成vue模板Auto close Tag02---修改自闭合标签时,开始标签和结束标签同时变更(自闭合标签和自定义标签会存在一些问题,请谨慎使用)。Auto Rename Tag03---使用bootstrap3框架开发页面的插件,可以最大化帮助开发者提高开发效率,使用,在编辑器里面输入"<bs",马上就会有相应
01---快速生成组件语法模板的插件:Auto Close Tag,< 生成vue模板
Auto close Tag
02---修改自闭合标签时,开始标签和结束标签同时变更(自闭合标签和自定义标签会存在一些问题,请谨慎使用)。
Auto Rename Tag
03---使用bootstrap3框架开发页面的插件,可以最大化帮助开发者提高开发效率,
使用,在编辑器里面输入"<bs",马上就会有相应提示 出现,然后点击确认即可。
Bootstrap 3 Snippets
04---可以为你把成对的括号做颜色区分,并且提供一根连接线。方便我们审阅代码结构
Bracket Pair Colorizer
05---给vscode设置中文语言包,让app更易阅读通俗易懂
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
06---在style样式的颜色上悬停光标,就可以预览色块中色彩模型的详细信息
color Info
07---鼠标光标放在定义好的类名上,按住ctrl键,可以显示定义的样式代码,跳转到样式,按住CTRL键同时点击样式类的名称或者在类的名称上按F12键即可跳转到样式的定义
CSS Peek
08---代码检查工具
ESLint
09---express是node.js的快速、非选择性、简约的web框架。使用express就可以轻松快速的创建强大的API
Express
10---Snippet 是一款Jquery高亮插件,提供了一个快速和简便的在html中高亮显示源代码的方式。
HTML Snippets
011--- 用于显示在代码编辑器中导入的包的导入大小
Import Cost
012--- jQuery Code Snippets - Visual Studio Marketplace,只需键入字母 'jq' 即可获得所有可用 jQuery 代码片段的列表,输入jq可以选择不同的jq代码片段
jquery Code Snippets
013---在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果
Live Serve
014---代码颜色主题
One Dark Pro
015---快速打开html文件到浏览器预览
open in browser
016---是一款自动完成文件名、文件路径的 VS Code 插件,配置用@符号代替../繁琐的路径,详解配置见链接 如何完美集成Path Intellisense 或 Path Autocomplete - 简书
Path Intellisense
017--- 一款VS code内置浏览器插件可在app出预览代码效果,右键点击代码文件,选择vscode-preview-server:Preview on side panel即可打开内置浏览器, 快捷键Ctrl+Shift+V
Preview on Web Server
018---单位换算插件
px to rem & rpx & vw (cssrem)
019--- 多种语言根据代码需求自动建议一键完成的代码,减少拼写错误,加快编码速度
Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
020---内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能
vetur
021---提供了非常漂亮的目录树图标主题
vscode-icons
022---允许在你当前打开的文件和前一个文件之间快速切换
vscode-intellij-recent-files
023---vue代码提⽰插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码提⽰
VueHelper
024---vuex代码提示状态管理插件
Vuex Suggest
025---在 vue 组件中查看 vuex 定义的插件,直接跳转到定义
vuex-peek
026--- @变量名:值;需要将less编译成css文件才可以使用,使用Easy LESS插件,用这个插件写完less文件保存后就会自动生成一个相匹配的css文件
Less 基础 easyless 插件_吱昂张……的博客-CSDN博客_easy less插件
Easy LESS
027---小程序开发有时会使用 easy sass 插件,在 vsCode 中配置自动转换
vsCode 配置 easy sass 插件转换 css、wxss、acss_FE-阿阳的博客-CSDN博客_easy sass插件
Easy Sass
更多推荐
所有评论(0)