用vscode开发vue应用

有些时候我们的vscode里插件装的比较多，譬如还安装了prettier插件，因为我们不只开发vue项目，可能还有其它类型的js项目特别是传统js项目，需要用到prettier进行美化，而prettier的一些功能是会和eslint相冲突的，比如说我们在全局设置了prettier的formatOnSave，这个功能就会和eslint的autoFixOnSave打架，为了避免这个矛盾，我们通常还会在本项目的settings.json文件里再多加几个选项，类似于这样：

"editor.tabSize": 2,  
"editor.formatOnSave": false,  
"prettier.semi": false,  
"prettier.singleQuote": true  

有了这些设置，基本上prettier就不会和eslint打架了。

小结

以上就是用vscode开发vue程序的标配，并不像网上有些文章说的那么简单，不是只需要配一个eslint就能解决的事情，这里还用到了vetur，eslint和prettier，把几个工具综合用好，才能真正达到我们的错误随时可见，保存自动修改，更正既往错误的目的。希望每个前端工程师写出的代码都如出一人之手，漂亮简洁干净。

（编辑：新余站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!