VScode插件

我自己使用的是vscode编辑器,轻量,快捷,插件多,好用
下面我介绍一下我自用的vscode一些比较好用的插件

Bracket Pair Colorizer	
// 这是一个显示代码开头结尾的插件,在嵌套较多时会容易分清代码是在哪里开始和结束的

Chinese (Simplified) Language Pack for Visual Studio Code
// 这是中文简体汉化包

Easy LESS
// less 的扩展插件包

ESLint
// eslint规则的解释插件

Live Server
// Live打开的插件, 可以使文件不用跑项目就可以使用域名打开

node-snippets
// 用的不多, node.js的提示插件

open in browser
// 使用浏览器打开,是必备的插件之一

Path Intellisense
// 智能路径,提示输入路径时的补全

Prettier - Code formatter
// 用来格式化代码, 配合上面的Eslint, 调控代码风格

Preview on Web Server
// 当项目跑起来之后,保存文件热更新

px to rem & rpx (cssrem)
// 将px自动转化成rpx, 不过需要手动设置比例

Reactjs code snippets
// react 代码提示

TODO Highlight
// 高亮,没啥用

Vetur
// vue 插件整合

Vue 3 Snippets
// 基于 vue2 和 vue3 的代码提示

Vue VSCode Snippets
// 这个提示比上面那个更全面,不过是老外写的

好了以上大概就是我用过的插件,插件意不在多而在精, 希望有机会给大家展示一些更多有用的插件! 😃

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VSCode 插件通常不需要您手动“运行”,因为它们是由 VSCode 自动加载并管理的。当您安装了一个 VSCode 扩展(即插件),它会在后台与您的编辑器一起工作,提供额外的功能和增强。 以下是安装和使用 VSCode 插件的基本步骤: ### 安装 VSCode 插件 1. **打开 VSCode**:首先启动 Visual Studio Code 编辑器。 2. **访问市场页面**:点击左侧边栏顶部的“Marketplace”图标,或者直接按键盘快捷键 `Ctrl + Shift + X` (Windows/Linux) 或 `Cmd + Shift + X` (Mac)进入扩展市场页面。 3. **搜索插件**:在搜索框中输入您想寻找的插件名称。 4. **浏览结果**:查看搜索结果列表,选择一个插件点击进入详细信息页。 5. **安装插件**:在插件详情页面,找到“Install”按钮并点击开始下载和安装过程。 6. **重启 VSCode**:安装完成后,有些插件会提示重启 VSCode 来生效。如果需要,重启一次即可。 ### 使用 VSCode 插件 一旦安装完成,大多数插件会在右侧工具栏上显示其图标,通过单击该图标就可以激活或关闭该插件功能,或者配置其设置以满足您的特定需求。 ### 高级技巧 - **自定义设置**:每个插件都有一些设置选项可以帮助您调整其行为,比如更改语法高亮、修改快捷键等。您可以在插件设置菜单内进行定制。 - **插件冲突**:有时候不同的插件可能会有兼容性问题,导致功能冲突或者 VSCode 行为异常。如果遇到此类问题,尝试禁用一些插件看是否能解决问题。 - **开发插件**:如果您熟悉编程并且对扩展功能感兴趣,可以考虑学习如何为 VSCode 开发插件。这需要掌握一些 JavaScript 和相关技术栈的知识。 ### 相关问题: 1. **如何查找和安装特定类型的 VSCode 插件?** - 您可以按照上述步骤,在扩展市场上通过关键词搜索特定功能的插件,如“代码自动完成功能”、“版本控制集成”等。 2. **VSCode 插件之间存在兼容性问题怎么办?** - 如果发现插件之间的兼容性问题,您可以尝试卸载最近安装的插件、更新至最新版的 VSCode插件,或在官方社区寻求解决建议。 3. **如何安全地安装和管理 VSCode 插件?** - 优先从 VSCode 官方扩展市场安装插件,避免安装未知来源的插件。定期检查插件更新,并保持 VSCode 的最新状态有助于提高安全性。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值