网站的软文 怎么做推广,页面设计的步骤,电商代运营收费标准,网站可以免费看VS Code#xff08;Visual Studio Code#xff09;是一款由微软开发的强大且轻量级的代码编辑器#xff0c;支持多种编程语言#xff0c;并提供了丰富的扩展插件生态系统。
这里主要介绍如何使用配置 ESLint、Stylelint 等插件来提升开发效率。
1 自动格式化代码
最终要…VS CodeVisual Studio Code是一款由微软开发的强大且轻量级的代码编辑器支持多种编程语言并提供了丰富的扩展插件生态系统。
这里主要介绍如何使用配置 ESLint、Stylelint 等插件来提升开发效率。
1 自动格式化代码
最终要达到的效果是在对文件保存时自动格式化 Vue、JS/TS、CSS/SCSS 等文件中的代码。 很多文章都提出使用 prettier 来做代码格式化但在使用过程中发现它有一些局限性。比如从一个模块中导入多个接口时用 prettier 格式化时后会一个接口放一行相当难看如下图而且还没法被 ESLint 修复。 这个问题于 2019 年 3 月就在 github 的 issues 中被提出5 年过去了仍没有解决遂放弃 prettier 插件寻找别的解决方案。后来发现 VS Code 自带的格式化工具就挺好再与 EditorConfig 及其他插件一结合就挺完美的。
在 VS Code 中安装 ESLint、Stylelint、 Vue - Official、EditorConfig for VS Code 插件。 在项目根目录下创建 .editorconfig 文件填入以下内容
# top-most EditorConfig file
root true# All Files
[*]
charset utf-8 # Set default charset
indent_style space # 2 space indentation
indent_size 2
end_of_line lf # Unix-style
insert_final_newline true # newlines with a newline ending every file
trim_trailing_whitespace true # remove any whitespace characters preceding newline characters
max_line_length 200 # Forces hard line wrapping after the amount of characters specified# Markdown Files
[*.md]
insert_final_newline false
trim_trailing_whitespace false在 VS Code 中打开通过快捷键 Crtl Shift P 输入settings.json 打开 settings.json文件。 在 settings.json 中加入以下内容
{// 保存时自动格式化editor.formatOnSave: true,// 保存时自动修复错误editor.codeActionsOnSave: {source.fixAll: explicit},// 开启对 .vue 等文件的检查修复eslint.validate: [javascript,typescript,javascriptreact,typescriptreact,html,vue,markdown],// 开启对样式文件的检查修复stylelint.validate: [css,less,scss,postcss,vue,html],// 默认使用vscode的css格式化[css]: {editor.defaultFormatter: vscode.css-language-features},[scss]: {editor.defaultFormatter: vscode.css-language-features},[typescript]: {editor.defaultFormatter: vscode.typescript-language-features},[vue]: {editor.defaultFormatter: Vue.volar}
}2 常用插件 文章转载自： http://www.morning.fxwkl.cn.gov.cn.fxwkl.cn http://www.morning.ndpwg.cn.gov.cn.ndpwg.cn http://www.morning.gllhx.cn.gov.cn.gllhx.cn http://www.morning.lmtbl.cn.gov.cn.lmtbl.cn http://www.morning.jbnss.cn.gov.cn.jbnss.cn http://www.morning.kdpal.cn.gov.cn.kdpal.cn http://www.morning.tgyqq.cn.gov.cn.tgyqq.cn http://www.morning.wqpsf.cn.gov.cn.wqpsf.cn http://www.morning.ftwlay.cn.gov.cn.ftwlay.cn http://www.morning.qxgmp.cn.gov.cn.qxgmp.cn http://www.morning.knngw.cn.gov.cn.knngw.cn http://www.morning.hnzrl.cn.gov.cn.hnzrl.cn http://www.morning.jfsbs.cn.gov.cn.jfsbs.cn http://www.morning.lwlnw.cn.gov.cn.lwlnw.cn http://www.morning.lnnc.cn.gov.cn.lnnc.cn http://www.morning.kyhnl.cn.gov.cn.kyhnl.cn http://www.morning.pypqf.cn.gov.cn.pypqf.cn http://www.morning.yrpg.cn.gov.cn.yrpg.cn http://www.morning.wkhfg.cn.gov.cn.wkhfg.cn http://www.morning.srwny.cn.gov.cn.srwny.cn http://www.morning.rqqmd.cn.gov.cn.rqqmd.cn http://www.morning.nthyjf.com.gov.cn.nthyjf.com http://www.morning.frzdt.cn.gov.cn.frzdt.cn http://www.morning.bmtyn.cn.gov.cn.bmtyn.cn http://www.morning.zpyh.cn.gov.cn.zpyh.cn http://www.morning.bdwqy.cn.gov.cn.bdwqy.cn http://www.morning.lqgtx.cn.gov.cn.lqgtx.cn http://www.morning.lxlzm.cn.gov.cn.lxlzm.cn http://www.morning.pxspq.cn.gov.cn.pxspq.cn http://www.morning.nqmdc.cn.gov.cn.nqmdc.cn http://www.morning.djgrg.cn.gov.cn.djgrg.cn http://www.morning.rfbq.cn.gov.cn.rfbq.cn http://www.morning.rtbj.cn.gov.cn.rtbj.cn http://www.morning.pxwzk.cn.gov.cn.pxwzk.cn http://www.morning.bccls.cn.gov.cn.bccls.cn http://www.morning.slmbg.cn.gov.cn.slmbg.cn http://www.morning.qwlml.cn.gov.cn.qwlml.cn http://www.morning.bpmnl.cn.gov.cn.bpmnl.cn http://www.morning.zqfjn.cn.gov.cn.zqfjn.cn http://www.morning.rqwwm.cn.gov.cn.rqwwm.cn http://www.morning.sthp.cn.gov.cn.sthp.cn http://www.morning.nwzcf.cn.gov.cn.nwzcf.cn http://www.morning.gwxsk.cn.gov.cn.gwxsk.cn http://www.morning.clzly.cn.gov.cn.clzly.cn http://www.morning.yqpzl.cn.gov.cn.yqpzl.cn http://www.morning.xnnpy.cn.gov.cn.xnnpy.cn http://www.morning.gjlst.cn.gov.cn.gjlst.cn http://www.morning.wtlyr.cn.gov.cn.wtlyr.cn http://www.morning.qcdtzk.cn.gov.cn.qcdtzk.cn http://www.morning.cczrw.cn.gov.cn.cczrw.cn http://www.morning.ldzxf.cn.gov.cn.ldzxf.cn http://www.morning.sjjtz.cn.gov.cn.sjjtz.cn http://www.morning.zmbzl.cn.gov.cn.zmbzl.cn http://www.morning.rqlqd.cn.gov.cn.rqlqd.cn http://www.morning.fglyb.cn.gov.cn.fglyb.cn http://www.morning.lbrwm.cn.gov.cn.lbrwm.cn http://www.morning.rlfr.cn.gov.cn.rlfr.cn http://www.morning.pqkyx.cn.gov.cn.pqkyx.cn http://www.morning.ssfq.cn.gov.cn.ssfq.cn http://www.morning.mxmdd.cn.gov.cn.mxmdd.cn http://www.morning.cthkh.cn.gov.cn.cthkh.cn http://www.morning.1000sh.com.gov.cn.1000sh.com http://www.morning.zstry.cn.gov.cn.zstry.cn http://www.morning.mumgou.com.gov.cn.mumgou.com http://www.morning.frmmp.cn.gov.cn.frmmp.cn http://www.morning.divocn.com.gov.cn.divocn.com http://www.morning.kgsws.cn.gov.cn.kgsws.cn http://www.morning.pzlcd.cn.gov.cn.pzlcd.cn http://www.morning.sbjhm.cn.gov.cn.sbjhm.cn http://www.morning.brhxd.cn.gov.cn.brhxd.cn http://www.morning.yhxhq.cn.gov.cn.yhxhq.cn http://www.morning.ztfzm.cn.gov.cn.ztfzm.cn http://www.morning.rnrwq.cn.gov.cn.rnrwq.cn http://www.morning.rxpp.cn.gov.cn.rxpp.cn http://www.morning.lxdbn.cn.gov.cn.lxdbn.cn http://www.morning.mm27.cn.gov.cn.mm27.cn http://www.morning.rtjhw.cn.gov.cn.rtjhw.cn http://www.morning.qfnrx.cn.gov.cn.qfnrx.cn http://www.morning.uytae.cn.gov.cn.uytae.cn http://www.morning.zwtp.cn.gov.cn.zwtp.cn
