vscode从听说到使用，vetur，prettier，htmljscssPrettify踩坑指南。

最新推荐文章于 2024-08-21 11:39:00 发布

拿饭盒当烟灰缸

最新推荐文章于 2024-08-21 11:39:00 发布

阅读量1w

点赞数 1

分类专栏： Article

本文链接：https://blog.csdn.net/sisierda/article/details/79405240

版权

本文介绍了在基于vue-cli的项目中，如何使用VSCode、Vetur、Prettier和html/css/js Prettify进行代码格式化配置。从Sublime的jsFormat和EditorConfig插件，到VSCode的vetur和prettier，解决es6方法简写误识别问题，以及Vue文件中CSS部分的格式化和高亮显示。最后，分享了如何配置postcss支持以及调整代码缩进，提供了一套完整的VSCode编辑器配置实践。

摘要由CSDN通过智能技术生成

今天基于vue-cli（2.9.3）构建一个新的项目。我用的sublime，es6的代码格式要与公司格式兼容。采用了vue-cli自带的eslint后，有一些不统一的部分需要修改。先看看sublime里需要怎么处理：

首先，在项目根目录下找到.eslintrc.js，在rules节点下新增两个配置项

// add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    
    // 以下是新增
    // segment mark,默认格式需要再行尾必须加分号
    'semi': [2, 'always'],
    // 默认空格4个
    'indent': ['error', 4, {'SwitchCase': 1}]
  }'semi': [2, 'always'],
    // 默认空格4个
    'indent': ['error', 4, {'SwitchCase': 1}]