推荐几款不错的VS Code插件

不得不说VS Code的到来,给广大开发者带来了极大的便利,这不是广而告之,而是自己使用后的切身感受。基本我现在的前端开发以及NodeJs后端开发都在VS Code中完成。当然它也不局限于此,只要给它安装合适的插件,它会带给你意想不到的强大。

SFTP

这是一款FTP插件,可以快速方便的将你的代码一键上传到服务器。可谓是修复bug并快速更新到服务器之不二良品。

git地址:vscode-sftp

配置方法:在.vscode文件夹下新建sftp.json,并输入如下配置

{
    "name":"", //名称(非必填)
    "protocol": "ftp", //协议
    "host": "", //主机地址
    "username": "", //ftp账号
    "password": "", //ftp密码
    "remotePath": "/" //ftp目录
}

Vetur

这是一款Vue单文件组件插件,可以提供代码高亮、代码段、错误检查、格式化、自动完成等功能。

git地址:vetur

vscode-element-helper

这是一款Element-UI插件,提供自动完成、代码段等功能。

git地址:vscode-element-helper

PHP Intelephense

这是一款开发php的必备插件呀,作为一个非资深php coder,vscode配合这款插件简直如虎添翼,智能提示、查找引用等等,你可以通过如下git地址来更详细的了解。

git地址:vscode-intelephense

Easy LESS

这是一款less自动编译插件,在你每次保存的时候自动把less编译成css。是的你没看错,就是这么简单。

只需在.vscode文件夹下的settings.json文件中加入如下配置即可:

 {    
     "less.compile": {
         "compress":  true,  // true => 启用压缩
         "sourceMap": true,  // true => 生成 source maps (.css.map 文件)
         "out":       false, // false => 不要输出 .css 文件
     }
 }

以上为全局配置,你也可以在单个less文件的开头进行如下配置来覆盖全局配置

//out: ../dist/app.css, compress: true, sourceMap: true
body, html{
  ...
}

git地址:vscode-easy-less

发表评论