项目搭建

# 1 初始化项目

vue create tabbar

# 2 ESLint+prettier 配置

使用的 VScode 插件

vue 文件: vetur
格式化: prettier
Lint: ESLint

prettier 的配置

/*
* 格式化工具prettier设置
*/
"prettier.semi": false,
"prettier.singleQuote": true,
"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.endOfLine": "auto",
"editor.defaultFormatter": "esbenp.prettier-vscode",

1
2
3
4
5
6
7
8

编辑.eslintrc.js 在 rules 中加入 prettier 相关的配置

rules: {
  'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
  'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
  'prettier/prettier': [
    'warn',
    {
      semi: false,
      singleQuote: true,
      endOfLine: 'auto',
    },
  ],
},

1
2
3
4
5
6
7
8
9
10
11
12

# 3 简单的项目整理

删掉多余的内容, 清理干净的项目

如果觉得有帮助, 可以微信扫码, 请杰哥喝杯咖啡~

#vue2 #组件化

上次更新: 2021/09/03, 15:32:17

← Vue中的slot 初步实现→