用vscode开发vue应用的方法步骤

2020-06-16 06:39:47易采站长站整理
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
,把几个工具综合用好,才能真正达到我们的错误随时可见,保存自动修改,更正既往错误的目的。希望每个前端工程师写出的代码都如出一人之手,漂亮简洁干净。