VsCode插件使用


VsCode插件使用

1.Live Server

  • 一键安装,实现自动刷新,架设本地服务器环境

2.Chinese Language Pack

  • 编辑器翻译成中文

3.JavaScript(ES6)

  • 它是如今最流行的,安装了超过120万的插件。该插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法支持

4.Auto Close Tag

  • 自动闭合HTML标签

5.Auto Rename Tag

  • 修改HTML标签时,自动修改匹配的标签

6.Bracket Pair Colorizer

  • 代码美化工具,提供多种彩色花括号{}

7.code-translate

  • vscode悬浮翻译,滑词翻译工具

8.CSS Peek

  • 悬浮快速查看样式

9.ESlint

  • ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。本质就是javascript代码检测的工具

10.Prettier

  • prettier代码风格统一的号插件, 可以在多个编辑器上面安装对应的插件,通过简单的配置,让编辑器自动帮我们修改代码格式。可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式

11.stylelint-plus

  • 这是一个检验CSS/SASS/LESS代码规范的插件

12.Path Intellisense

  • 这个插件可以很好的识别引入文件路径

13.markdownlint

  • 当你在vscode中书写markdown文本时,不符合规范的内容就会有黄色波浪线来提示及时修正

14.Markdown All in One

1. 特点

  • 提供常用操作的快捷键
  • 支持目录
  • 支持同步预览(ctrl+shift+v)
  • 轻松转换html和pdf文件
  • 可格式化table(alt+shift+f)和task list(alt+c)
  • 支持特殊数学符号渲染

2. 常用快捷键

  • 粗体 ctrl+b
  • 斜体 ctrl+i
  • 删除线 alt+s
  • 切换数学环境 ctrl+m
  • 同步预览 ctrl+shift+v
  • 检查任务列表项 alt+c
  • 格式化表格 alt+shift+f
  • 格式化任务列表 alt+c

3. 常用命令

  • 先按F1进入VSCode命令面板
  • 自动创建目录 Create Table of Contents
  • 更新目录 Update Table of Contents
  • 添加/更新标题编号 Add/Update Section numbers

15.Markdown Preview Enhanced

  • 在VSC中如何实时编辑或查看.md文件(点击右上角窗口显示)

16.Codeif

  • 变量命名神器

17.ES7 React/Redux/GraphQL/React-Native snippets

  • 无敌的react代码片段快速生成器


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM