前端 vs code常用插件以及vs code卡顿

1. Vue 2 Snippets
此扩展将vue2代码片段和语法突出显示添加到vsc代码中,
这个插件基于最新的vue官方语法高亮文件添加了语法高亮,并且根据vue2
的api添加了代码片段
2.HTML Snippets
很实用的html代码提示插件
3.intelliSense for css class names in HTML
只能提示.css文件中的类名,需要关联添加css文件,也就是说会根据你导入
的css文件自动结合输入智能提示css文件中已有的类名
4.open in browser
由于vsc没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单
中添加了在默认浏览器查看文件选项,以及在客户端(火狐,谷歌,IE)中打开命令面板选项
5.Vetur
格式化.vue文件,语法错误检查,语法高亮,代码自动补全、配合ESLint插件使用效果更佳
6.Eslint
ESLint是一个用来识别ECMAScript并且按照规则给出报告的代码检查工具,
使用它可以避免低级错误,统一代码风格。如果每次在代码提交之前都进行一次
eslint代码检查,就不会因为某个字段未定义为undefined或null这样的错误而导致服务器
崩溃,可以有效的控制项目代码质量
7.Path Intellisense
用于自动路径补全
8.vue-beautify
格式化代码,快速对齐代码
插件不是越多越好,多了可能会造成vsc耗cpu非常大,比如Auto Rename Tag插件
9.Easy less
less然后编译成css
10.JavaScript (ES6) code snippets
为JavaScript、TypeScript、HTML、React和Vue提供了ES6的语法支持
11.JavaScript Snippet Pack
提供了有用的JavaScript代码片段集合
12.如何查看已安装了哪些插件
点击左侧的“扩展”图标——输入@installed。

13.解决vsc卡顿,占用内存cpu大的方案
点击:文件——首选项——设置。搜索以下3个,均设置为不勾选
(1)followSymlinks 设置为false,既不勾选
(2)git.enabled: false
(3) git.autorefresh:false
此外,关闭自动保存或设置自动保存时间间隔延长;卸载Auto Rename Tag 插件

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值