vscode编辑器实用插件

Auto Rename Tag——自动同步修改标签
AutoFileName——自动补全路径提示
Atom JavaScript Snippet —— 代码块简写提示(比如console.log 只需要 写log 然后tab—)
Bootstrap 3 Snippets——bootstrap必备
Beautify——代码格式化
ESLint——检测JS必备
Easy Less—— less文件自动实时编译成css
Easy Sass—— scss/sass文件自动实时编译成css
filesize——查看文件大小的
GBKtoUTF8——转码
Git History (git log)——git提交历史
HTML CSS Support——css自动补齐
HTML Snippets——支持HTML5的标签提示
Image Preview——图片预览,这个在代码里就知道自己引用了哪个图片
jsx-beautify——jsx文件格式化
JavaScript (ES6) code snippets
jQuery Code Snippets——jquery 自动提示
JS-CSS-HTML Formatter——代码对齐。每次保存代码的时候它会自动对齐代码
Live Server——点击右下角的"Go Live" 就可以把当前项目启一个本地服务。特别方便!wamp/phpstudy都抛弃了…
Local History——代码本地备份,如果用这个插件的话,项目会多一个.history ,git忽略即可。
Naive Definitions——查找变量定义
Markdown Theme Kit——一款markdown主题
Npm Intellisense——npm包代码提示
One Dark Theme——一款背景主题
Path Intellisense——路径自动补全
Typings Installer——安装vscode 的代码提示依赖库,基于typtings的,比如提示angular或者jQuery智能感知
vetur——目前比较好的Vue语法高亮

View In Browser——在浏览器中预览页面(ctrl+F1)
vscode-icons—— 让vscode资源目录加上图标
Naive Definitions 跳转到 JavaScript 变量定义


微信小程序相关插件:

-vscode weapp api —— 微信小程序 API 代码片段
-vscode wxml —— 为 VSCode 提供 wxml 语法支持及代码片段
-vscode-wechat

设置字体大小等:
[文件-首选项-设置] 在右侧覆盖

设置快捷键
[文件-首选项-键盘快捷方式] 在右侧覆盖

 

 


插件备份
window系统下如果换电脑了,把插件全部copy走。把extensions文件夹拷走就行。
以后再用的话也不需要一个个安装,直接把这个文件夹丢到该路径下。
vscode 插件安装的路径:C:\Users\mbo.vscode\extensions

6.13补充:

VScode一直在更新,最近更新后,界面显示语言变成了英文。如果想设置成中文,按住f1 或者ctrl+shift+p 进入命令行,输入“ Configure Language”

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值