不得不说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