Change vue-cli into vite for performance improvement.

Altria1412 · Feb 5, 2022 · 6b6b12f · 6b6b12f
1 parent 964e512
commit 6b6b12f
Show file tree

Hide file tree

Showing 47 changed files with 2,280 additions and 17,452 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.gitignore b/.gitignore
@@ -1,21 +1,21 @@
-.DS_Store
-node_modules
-/dist
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
 
 # Editor directories and files
+.vscode/*
 .idea
-.vscode
+.DS_Store
 *.suo
 *.ntvs*
 *.njsproj

diff --git a/README.md b/README.md
@@ -1,29 +1,44 @@
 # Lite Studio
-以csv文件作为数据库的纯前端音乐播放器，使用vue-cli进行构建
+
+以 csv 文件作为数据库的纯前端音乐播放器，使用 vite 进行构建
 
 # CHANGE LOG
-* 2022-02-05
-    * 从[这里](https://github.com/K-bai/csv-based-web-music-player)fork代码
+
+- 2022-02-05
+  - 从[这里](https://github.com/K-bai/csv-based-web-music-player)fork 代码
 
 ## Project setup
+
 ```
 npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
-npm run serve
+npm run dev
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
+npm run preview
 ```
 
 ### Lints and fixes files
+
 ```
 npm run lint
 ```
 
 ### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+
+See [Configuration Reference](https://cn.vitejs.dev/config/#configuring-vite).
+
+## Task List
+
+- [x] vue3 project creation with vite.
+- [ ] Refactor csv-based-web-music-player modules into vue3 compisation API base.
+- [ ] Implement requests based on axios
+- [ ] Implement local cache based on caches api.
diff --git a/babel.config.js b/babel.config.js
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>