Visual Studio Code插件

本文介绍了Visual Studio Code的多个高效开发插件,包括代码高亮、代码格式化、代码检查、文件操作、预览工具等,助力提升开发效率。如color-highlight用于颜色代码高亮,ESLint和stylelint实现代码规范检查,Prettier formatter进行代码美化,还有Auto Rename Tag、HTML Class Suggestions等提高编码便捷性。同时提到了Vue和jQuery相关的插件支持。
摘要由CSDN通过智能技术生成

scode-color-highlight------颜色代码高亮插件。(sublime text也有)

vscode-Open in Browser------右键在浏览器打开。(sublime text也有)

vscode-Path Intellisense------文件路径提示。(sublime text也有)

vscode-copy-relative-path------复制文件相对路径。(辅助书写路径的工具)

vscode-Prettier formatter------vscode代码格式增强工具。(标准格式化工具)

vscode-ESLint------js代码检查工具。(标准化ESLint的插件,规范js代码)

vscode-stylelint------css代码检查工具。(标准化stylelint的插件,规范style代码)

PS:(1)npm install eslint -g  

               npm install eslint --save-dev

               这两步是必须的。     

      (2)配置vscode

               打开“文件”-“首选项”-“设置”。

               

               如果需要检测html里面的js代码就必须安装eslint-plugin-html插件。

               npm install eslint-plugin-html --save-dev (切记一定要使用本地安装,不要全局安装)

 

补充: ESLint+Prettier formatter(js整合格式化)

           

           如果需要格式化js文件就必须安装prettier-eslint插件。以上配置需要与ESLint配置相同。

           npm install prettier-eslint --save-dev

           stylelint+Prettier formatter(css整合格式化)

           

           如果需要格式化css文件就必须安装prettier-stylelint插件。以上配置需要与styleLint配置相同。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值