6.jpg 0
前端程序猿

专注于前端的程序猿

2022-04-13

前端笔记02-vscode常用插件

2022-04-14 0 47 web前端社区

6.jpg 0 前端程序猿

VS Code 编辑器

98论坛

Visual Studio Code(简称 VS Code)是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。

下载地址 https://code.visualstudio.com

目前Visual Studio Code 被认为是最受开发者欢迎的开发环境。Visual Studio Code 默认支持非常多的编程语言,包括 JavaScript、TypeScript、CSS 和 HTML;也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段;对于部分语言,可以使用 IntelliSense。Visual Studio Code 也支持调试 Node.js 程序。


vs code前端常用插件

chinese

 vscode 汉化包

HTML Snippets

 非常实用的 HTML 代码片段以及提示。

Atuo Rename Tag

 修改 html 标签,自动帮你完成尾部闭合标签的同步修改

open in browser

 当前的 html 文件用浏览器打开

Bracket Pair Colorizer

 让括号拥有独立的颜色,易于区分。可以配合任意主题使用。

ESlint

 JavaScript代码检测, JavaScript代码风格检测, JavaScript代码自动格式化。

Prettier

  代码格式化工具,一般配合ESlint用。

beautify

 格式化代码的工具。

Code Runner

 能够运行多种语言的代码片段或代码文件:JavaScript,C,C ++,Java,PHP,Python,Perl,Ruby,Go等等

Bracket Pair Colorizer 

 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

HTML CSS Support

 智能提示CSS类名以及id 

JavaScript(ES6) code snippets

 ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

jQuery Code Snippets

 jQuery代码智能提示

Path Intellisense

 自动提示文件路径,支持各种快速引入文件

React/Redux/react-router Snippets

 React/Redux/react-router语法智能提示

Vetur

 Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

VueHelper

 vue代码片段

Vue TypeScript Snippets

 vue的 typescript 代码片段

Class autocomplete for HTML

 智能提示HTML class =“”属性

Npm Intellisense

  require 时的包提示

Debugger for Chrome

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

GitLens

方便查看git日志,git重度使用者必备

0

Copyright (C) 2021-2026 98社区 All Rights Reserved 蜀ICP备20012692号-3