feature: 引入prettierrc并配置别名

.env

@@ -0,0 +1 @@
+VITE_APP_API_BASE_URL=http://127.0.0.1:8080/

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "tabWidth": 2,
+  "endOfLine": "lf"
+}

README.md

@@ -1,7 +1,9 @@
-# Vue 3 + Vite
+# 技术选型
+  - 本项目采用的vue3 + vite + js脚手架搭建
+  - 包管理工具为Yarn
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+# 代码规范
+  > 随着团队的不断扩大，每个人都有自己的coding风格，但是如果一个项目中的代码存在多种风格，那对于代码的可维护性和可读性都大大减少，所以说一个项目规范对于前端团队来说很重要。
+  ## Prettier
+    1、vscode插件 --- Prettier - Code formatter
+    2、.prettierrc文件

vite.config.js

@@ -1,7 +1,15 @@
 import { defineConfig } from 'vite'
+import { resolve } from 'path'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+      cpns: resolve(__dirname, 'src/components'),
+    },
+    extensions: ['.js', '.json', '.vue'],
+  },
   plugins: [vue()],
 })