不得不说VS Code的到来,给广大开发者带来了极大的便利,这不是广而告之,而是自己使用后的切身感受。基本我现在的前端开发以及NodeJs后端开发都在VS Code中完成。当然它也不局限于此,只要给它安装合适的插件,它会带给你意想不到的强大。
SFTP
这是一款FTP插件,可以快速方便的将你的代码一键上传到服务器。可谓是修复bug并快速更新到服务器之不二良品。
配置方法:在.vscode文件夹下新建sftp.json,并输入如下配置
{
"name":"", //名称(非必填)
"protocol": "ftp", //协议
"host": "", //主机地址
"username": "", //ftp账号
"password": "", //ftp密码
"remotePath": "/" //ftp目录
}
Vetur
这是一款Vue单文件组件插件,可以提供代码高亮、代码段、错误检查、格式化、自动完成等功能。
git地址:vetur
vscode-element-helper
这是一款Element-UI插件,提供自动完成、代码段等功能。
PHP Intelephense
这是一款开发php的必备插件呀,作为一个非资深php coder,vscode配合这款插件简直如虎添翼,智能提示、查找引用等等,你可以通过如下git地址来更详细的了解。
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{
...
}