900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > VSCODE编辑器常用插件推荐

VSCODE编辑器常用插件推荐

时间:2022-05-22 01:56:04

相关推荐

VSCODE编辑器常用插件推荐

Auto Close Tag— 自动闭合HTML标签

Auto Rename Tag— 修改HTML标签时,自动修改匹配的标签

background— 背景

beautify— javascript, JSON, CSS, Sass, HTML 代码高亮

Beautify css/sass/scss/less— 代码高亮

CSS Peek— 自动查找CSS文件

Debugger for Chrome— 调试JavaScript

Easy Sass— scss/sass文件保存可自动生成并同步编译成同名css文件

Easy WXLESS— 微信小程序WXSS文件专用,保存可自动生成并同步编译成同名css文件

File Peek— 鼠标移到路径名按住ctrl可打开文件

Git History— git log

GitLens— 显示文件最近的commit和作者,显示当前行commit信息

HTML Class Suggestions— 类名命名提示

HTML CSS Support— CSS的智能补全

HTML Snippets— 回车或tap生成标签

Indenticator— 缩进高亮

IntelliSense for CSS class names— CSS类名智能命名提示

JavaScript (ES6) code snippets— JS语法提示

JavaScript Snippet Pack— 代码片段(Tab或者Enter补全),Console命令,DOM — 文档对象模型,Loop,Function,Timer,NodeJS,BDD,Misc

Live Server— http服务器(相当于使用nodejs的http-server,首选项-设置-用户设置可配置更改端口:”liveServer.settings.port”: 8999)

npm— 运行npm命令

npm Intellisense— 导入模块时,提示已安装模块名称

OneDark-Pro— Atom’s ionic主题(首选项-颜色主题修改主题)

Output Colorizer— 彩色输出信息

Path Intellisense— 编辑器中输入路径时,自动补全

Prettier-Code formatter— 代码格式化(四个空格缩进:”prettier.tabWidth”: 4)

px2rem— px值转rem

stylelint— CSS/SCSS/LESS检查工具

(首选项-设置-用户设置配置:

“stylelint.enable”: true,

“css.validate”: false,

“scss.validate”: false

SVG Viewer— 预览SVG图片

Vetur— Vue语法高亮

VSCode Great Icons— 文件图标(首选项-文件图标主题修改)

VSCode-Element-Helper— elementUI语法提示高亮

vue— Vue语法高亮(

首选项-设置-用户设置配置:

“emmet.syntaxProfiles”: {

“vue-html”: “html”,

“vue”: “html”

})

Vue 2 Snippets— 基于最新的 Vue 官方语法高亮文件添加了语法高亮,并且依据 Vue 2 的 API 添加了代码补全

Vue Peek— 查找vue组件文件

VueHelper— vue代码提示插件,包括了vue2所有api,vue-router2和vuex2的代码提示

首选项-设置-用户设置配置:

小程序语法高亮:

“files.associations”: {

“*.vue”: “vue”,

“*.wpy”: “vue”,

“*.wxml”: “html”,

“*.wxss”: “css”

}

个人习惯配置:

“editor.lineHeight”: 26, // 行高

“editor.fontSize”: 16, // 字体

“editor.wordWrap”: “on” // 自动换行

“editor.formatOnSave”: true // 保存自动格式化代码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。