使用uniapp初始化项目所需要的配置

uniapp新建项目在官方文档里面已经介绍的很详细了，这里我就介绍一下我最近新建项目中用的配置文件

首先我的项目是想使用vue3.0以上版本的，所以必不可少的当然是vite.config.js文件了，这个文件目前配置了样式文件。

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

export default defineConfig({
  plugins: [uni()],
  css: {
    // css预处理器
    preprocessorOptions: {
      less: {
        charset: false,
        additionalData: '@import "@/static/uni-less.less";',
      },
    },
  },
});

其次就是配置了项目的格式化文件.prettierrc

{
  "tabWidth": 2,
  "singleQuote": true,
  "trailingComma": "none",
  "printWidth": 80,
  "proseWrap": "never",
  "bracketSpacing": true,
  "endOfLine": "lf",
  "arrowParens": "avoid",
  "vueIndentScriptAndStyle": false,
  "singleAttributePerLine": false,
  "overrides": [
    {
      "files": ".prettierrc",
      "options": {
        "parser": "json"
      }
    },
    {
      "files": "*.{css,sass,scss,less}",
      "options": {
        "parser": "less",
        "tabWidth": 4
      }
    },
    {
      "files": "*.{vue,html,js}",
      "options": {
        "parser": "vue",
        "tabWidth": 4
      }
    }
  ]
}

这个使用的时候vscode是要安装prettier-vscode插件的才能生效

目前我的项目配置就是这么简单了，其他的后续开发遇到的配置会补上！