搭建基于Vue3+Vite2+Arco+Typescript+Pinia后臺管理系統模板

"一個人光勤奮不行，要想獲得事業上的成功，必須把勤奮與思考結合起來，勤奮工作的同時，必須認真地思考問題。古語說：“人無遠慮，必有近憂”、“思則明，不思則暗”。在工作中除勤奮之外，還要學會思考，要善于思考，處理事務要有謀略，工作中要有章法有套路。

--出自《稻盛和夫給年輕人的忠告》

前言

VueAdminWork自開源以來受到了很多小伙伴的喜歡和支持，同時也有很多不足的地方，比如，有的小伙伴可能覺得現在的版本東西太多了，想要一個簡化版的管理框架。

今天我們就來快速搭建一個基于Vue3+Vite2+Arco+Typescript+Pinia后臺管理系統模板。這樣可以幫大家快速制作自己的后臺模板

前提準備，依賴安裝

方式一：

1、首先我們用命令創建一個空的項目

yarn create vite my-vue-app --template vue

按照提示一步步創建好就可以了

2、安裝基本依賴

這里說一下要安裝的基本依賴有哪些：

"dependencies": {
    "@vueuse/core": "^7.1.2",
    "axios": "^0.24.0",
    "js-cookie": "^3.0.1",
    "mockjs": "^1.1.0",
    "nprogress": "^0.2.0",
    "path-browserify": "^1.0.1",
    "pinia": "^2.0.9",
    "qs": "^6.10.1",
    "tiny-emitter": "^2.1.0",
    "vue": "^3.2.26",
    "vue-router": "^4.0.12"
  },
  "devDependencies": {
    "@arco-design/web-vue": "^2.18.0",
    "@types/js-cookie": "^3.0.1",
    "@types/lodash": "^4.14.178",
    "@types/nprogress": "^0.2.0",
    "@types/qs": "^6.9.7",
    "@vitejs/plugin-vue": "^1.9.3",
    "autoprefixer": "^10.4.0",
    "dotenv": "^12.0.4",
    "eslint": "^7.30.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-define-config": "^1.0.9",
    "eslint-plugin-prettier": "^3.4.0",
    "eslint-plugin-vue": "^7.13.0",
    "less": "^4.1.2",
    "less-loader": "^10.2.0",
    "postcss": "^8.4.3",
    "prettier": "^2.3.2",
    "tailwindcss": "^2.2.19",
    "typescript": "^4.5.3",
    "unplugin-vue-components": "^0.17.21",
    "vite": "^2.6.4",
    "vite-plugin-components": "^0.13.3",
    "vite-plugin-svg-icons": "^1.0.5",
    "vue-tsc": "^0.3.0"
  }

當然，這里還有一些其它的依賴，如：axios 等，這都是必須的，大家可以根據的習慣進行增減

方式二（推薦）

如果您覺得這樣自己寫挺麻煩，還需要自己配置依賴，那您可以直接下載完整的項目，把沒有用的依賴進行刪除（做減法總比做加法要好的多

），只留下上述基本的依賴就可以了。

大家可以根據自己的習慣進行選擇，如果你想從0學一下，那么建議你用方式一，如果想快速的搞出來，那么推薦用方式二