vue-slider-timer-control 1.1.2 → 1.1.4

package/README.md

@@ -0,0 +1,49 @@
+# 最外层目录（根文件目录也就是 npm-project-vue 目录）是打包插件的运行环境，一般情况下不允许有任何文件，除了 README.md
+
+# 第二层目录分别是
+
+## 1、插件的目录 general-video-player 目录，其是通过运行环境下的 package.json 配置出来的，目录名是插件名通过 npm run lib 生成的
+
+## 2、插件源码开发目录也就是正常文件 src 目录，具体插件建在 components 文件夹中，具体使用正常项目开发一样
+
+## 3、node_modules 目录是开发插件需要运行的依赖包，通过 npm install 安装，具体使用同正常项目开发一样
+
+## 4、public 目录是开发插件时需要的静态资源目录，一般只存放 ico 文件和应用的入口.html 文件
+
+## 5、注意根目录下 vue.config.js 文件，是 webpack 的配置文件，配置与项目开发存在部分差异
+
+## 6、注意根目录下 index.js 文件时插件的入口文件主要封装插件，导出插件和插件配置使用
+
+# 插件开发好之后在根目录下运行 npm run lib 命令，生成插件目录，注意修改插件目录的信息
+
+## 1、由于每次打包都会删除旧的插件目录生成一个新的插件目录，所以每次该目录都需要重新 npm init 来初始化生成一个 package.json 文件
+
+## 2、修改 package.json 文件的 name 属性，该属性是插件的名称，必须与插件目录名一致
+
+## 3、修改 package.json 文件的 version 属性，该属性是插件的版本号，必须是唯一的不能与之前重复，除非有重大版本更新，否则建议每次改变 0.0.1
+
+## 4、修改 package.json 文件的 description 属性，该属性是插件的描述，一般是插件的作用
+
+## 5、修改 package.json 文件的 main 属性，该属性是插件的入口文件，一般是插件目录的.js 文件（general-video-player.common.js）
+
+## 6、修改 package.json 文件的 author 属性，该属性是插件的作者，一般是自己的名字
+
+## 7、修改 package.json 文件的 license 属性，该属性是插件的许可证，一般是 MIT
+
+## 8、修改 package.json 文件的 repository 属性，该属性是插件的仓库地址，一般是 github 仓库地址
+
+## 9、修改 package.json 文件的 keywords 属性，该属性是插件的关键字，一般是插件的名称
+
+# 插件打包完成并修改完上述配置之后进入插件根目录
+
+# 第一次发布（或者登录过期时），需要先运行 npm login （忘记的话可以登录 https://www.npmjs.com/ 查看）
+
+## 1.输入 npm 的账号，Username: `******`
+
+## 2.输入 npm 的密码, Password: `******`
+
+## 3.输入 npm 注册邮箱，Email: `******`
+
+## 4.有可能需要邮箱验证码
+
+## 5.运行 npm publish 命令，发布插件，注意镜像源一定要是 npm 官方镜像源

package/package.json

@@ -1,19 +1,46 @@
 {
   "name": "vue-slider-timer-control",
-  "version": "1.1.2",
-  "description": "这是一个可自定义的播放器进度条组件",
-  "main": "vue-slider-timer-control.umd.js",
+  "version": "1.1.4",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "lib": "vue-cli-service build --target lib ./index.js --name vue-slider-timer-control --dest dist ./index.js --formats umd"
   },
-  "keywords": [
-    "vue",
-    "vue-slider-component",
-    "自定义视频进度条"
+  "main": "dist/vue-slider-timer-control.umd.js",
+  "files": [
+    "dist"
   ],
-  "author": "XinSC",
-  "license": "ISC",
   "dependencies": {
-    "vue-slider-component": "^3.2.24"
+    "axios": "^1.9.0",
+    "core-js": "^3.8.3",
+    "vue": "^2.6.14",
+    "vue-router": "^3.5.1",
+    "vue-slider-component": "^3.2.24",
+    "vuex": "^3.6.2"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-router": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "copy-webpack-plugin": "^13.0.1",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "lint-staged": "^11.1.2",
+    "sass": "^1.32.13",
+    "sass-loader": "^10.1.1",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,vue}": [
+      "vue-cli-service lint"
+    ]
   }
 }