visual studio code的配置选项
程序员文章站
2022-06-17 14:38:53
...
老规矩,放链接:https://www.jianshu.com/p/f15b67c94c78
1、默认没有添加eslint检查的配置项:
{
"editor.formatOnSave": true,
"editor.tabSize": 2,
"files.autoSave": "off",
"window.zoomLevel": 1,
"breadcrumbs.enabled": true,
"explorer.confirmDragAndDrop": false,
"update.mode": "none",
"editor.fontSize": 12,
"git.path": "D:/Program Files/Git/bin/git.exe",
"git.enableSmartCommit": true
}
2、添加Eslint语法检查后配置:
{
"editor.formatOnSave": true,
"editor.tabSize": 2,
"files.autoSave": "off",
"window.zoomLevel": 1,
"breadcrumbs.enabled": true,
"explorer.confirmDragAndDrop": false,
"update.mode": "none",
"editor.fontSize": 12,
"git.path": "D:/Program Files/Git/bin/git.exe",
"git.enableSmartCommit": true,
"vetur.format.defaultFormatter.html": "prettyhtml",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true,
"semi": false,
}
},
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true
}
3、项目目录需要安装eslint依赖:
npm install --save-dev eslint-plugin-vue
npm install --save-dev eslint
如果报bable-eslint的错误,需要再多安装一个依赖
npm install --save-dev babel-eslint
推荐阅读
-
总结Visual Studio下ASP.NET模板化控件中的数据绑定
-
最锋利的Visual Studio Web开发工具扩展:Web Essentials使用详解
-
Visual Studio 2015怎么改变WPF窗体程序的背景图片?
-
Visual Studio 2019 使用 Live Share的教程图解
-
安装Visual Studio后所有程序出异常它霸道的管着 启用/禁用Visual studio实时调试
-
Visual Studio 2010 安装 Mono for Android 的图文教程
-
Microsoft Visual Studio 2012/2013 已停止工作的解决方法
-
Visual Studio怎么新建最小的c++工程项目?
-
Visual Studio中怎么创建自己的代码段?
-
清理Visual Studio中VC++工程里不需要的文件