vscode插件

EsLint —— 语法纠错

Auto Close Tag —— 自动闭合HTML/XML标签

Auto Rename Tag —— 自动完成另一侧标签的同步修改

CSS Peek 你可以追踪至样式表中 CSS 类和 ids 定义的地方

Class autocomplete for HTML 智能提示HTML class =“”属性(必备)

htmlhint html代码检测

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

Path Intellisense —— 自动路径补全

HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式

Beautify——格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则(pretty就不要用这个了)

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

open in browser——直接右键项目单击启动

language-stylus stylus语法支持

Prettier formatter
 代码格式化

npm Intellisense
 import、require npm模块是自动补全

Vue VSCode Snippets
 Vue 语法片段扩展

Vetur
 Vue语法支持。包括语法高亮、语法代码提示、语法lint检测等

VueHelper vue代码片段

Comment Translate 自动将英文翻译为中文

Chinese Language Pack 中文语言包

indent-rainbow 凸显缩进着色,让你的缩进一目了然

GitLens 在代码中显示每一行代码的提交历史

配置详解
editor是针对vscode的风格设置
例如 tabSize:一个tab等于2个空格,行高为24px

workbench是针对vscode的主题设置
例如 iconTheme( 图标风格):使用插件 vscode-great-icons (需搜索安装)

search.exclude 配置vscode中项目中的哪些地方被排除搜索,避免你每次搜索结果中都有一大堆无关内容

files.associations 配置文件关联 :

任何 vue 后缀的文件会被认为是 html 文件 ,(查看编辑器右下角) 然后 vscode 会用 html 规则匹配 vue 文件做相应格式化,代码提示等。

任何 wxss 后缀的文件被认为是 css 文件 ,然后 vscode 会用 css 规则匹配 wxss 文件,对 css 的属性排序,rem 自动转换,格式化等

sync是用于同步vscode配置使用,不用每一次换个电脑都要复制一次配置,避免丢失或者改动,保持一致!收藏文章/复制粘贴最好。会持续更新

apicloud 是用于同步 vscode 开发apicloud程序时进行手机wifi真机同步使用,不用数据线即可进行PC修改代码,真机调试。

vetur 和prettier以及stylus是用于vue开发时的代码格式化, 代码提示.

filesize在底部状态栏左侧,显示当前文件大小,没啥用

Live Server快速启动本地服务器,注意只对.html和.htm文件有效。对html文件点击鼠标右键,选择open with Live Server.

原文地址:https://www.cnblogs.com/yxyc/p/14648869.html