skills-cli-use-demo 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +121 -0
  2. package/babel.config.js +5 -0
  3. package/package.json +22 -0
  4. package/public/index.html +16 -0
  5. package/skills.json +11 -0
  6. package/src/App.vue +37 -0
  7. package/src/main.js +10 -0
  8. package/src/router/index.js +26 -0
  9. package/src/views/About.vue +23 -0
  10. package/src/views/Home.vue +19 -0
package/README.md ADDED
@@ -0,0 +1,121 @@
1
+ # skills-cli-use-demo
2
+
3
+ Vue 2 示例工程，演示如何使用 [skills-cli](https://www.npmjs.com/package/@skills-cli/cli)。
4
+
5
+ ## 关于 skills-cli
6
+
7
+ Skills CLI 是一个基于 npm 生态的 Skills 包管理工具。
8
+
9
+ **核心策略：**
10
+ - 调用 npm 完成基础操作
11
+ - 自身只处理 skills.json 和扩展功能
12
+ - 支持优先级管理
13
+ - 基于 npm Registry 分发
14
+
15
+ ## 安装 skills-cli
16
+
17
+ ```bash
18
+ npm install -g @skills-cli/cli
19
+ ```
20
+
21
+ ## 使用演示
22
+
23
+ ### 1. 初始化 skills.json
24
+
25
+ 已经完成：
26
+ ```bash
27
+ skills init
28
+ ```
29
+
30
+ 生成的 `skills.json`:
31
+ ```json
32
+ {
33
+ "name": "skills-cli-use-demo",
34
+ "version": "1.0.0",
35
+ "description": "",
36
+ "dependencies": {},
37
+ "devDependencies": {},
38
+ "priorityOverrides": {},
39
+ "config": {}
40
+ }
41
+ ```
42
+
43
+ ### 2. 添加 Skill 依赖
44
+
45
+ ```bash
46
+ # 添加一个 Skill
47
+ skills add <your-skill-package>
48
+
49
+ # 添加到开发依赖
50
+ skills add -D <your-dev-skill>
51
+ ```
52
+
53
+ ### 3. 安装所有依赖
54
+
55
+ ```bash
56
+ skills install
57
+ ```
58
+
59
+ ### 4. 列出已安装的 Skills
60
+
61
+ ```bash
62
+ skills list
63
+ ```
64
+
65
+ ### 5. 搜索 Skills
66
+
67
+ ```bash
68
+ skills search <keyword>
69
+ ```
70
+
71
+ ### 6. 查看 Skill 信息
72
+
73
+ ```bash
74
+ skills info <package>
75
+ ```
76
+
77
+ ## 运行 Vue 项目
78
+
79
+ ```bash
80
+ npm install
81
+ npm run serve
82
+ ```
83
+
84
+ 打开浏览器访问 http://localhost:8080
85
+
86
+ ## 项目结构
87
+
88
+ ```
89
+ skills-cli-use-demo/
90
+ ├── public/
91
+ │ └── index.html
92
+ ├── src/
93
+ │ ├── App.vue
94
+ │ ├── main.js # 入口文件
95
+ │ ├── router/
96
+ │ │ └── index.js # Vue Router 配置
97
+ │ └── views/
98
+ │ ├── Home.vue
99
+ │ └── About.vue
100
+ ├── package.json
101
+ └── skills.json # Skills 配置文件
102
+ ```
103
+
104
+ ## 命令速查
105
+
106
+ | 命令 | 别名 | 说明 |
107
+ |------|------|------|
108
+ | `skills init` | - | 初始化 skills.json |
109
+ | `skills install` | `skills i` | 安装所有依赖 |
110
+ | `skills add <packages>` | `skills a` | 添加依赖 |
111
+ | `skills remove <packages>` | `skills rm` | 移除依赖 |
112
+ | `skills update [packages]` | `skills up` | 更新依赖 |
113
+ | `skills publish` | - | 发布 Skill 包 |
114
+ | `skills search <keyword>` | `skills s` | 搜索 Skills |
115
+ | `skills info <package>` | - | 查看包信息 |
116
+ | `skills login` | - | 登录 npm |
117
+ | `skills list` | `skills ls` | 列出已安装 |
118
+
119
+ ## 许可
120
+
121
+ MIT
package/babel.config.js ADDED
@@ -0,0 +1,5 @@
1
+ module.exports = {
2
+ presets: [
3
+ '@vue/cli-plugin-babel/preset'
4
+ ]
5
+ }
package/package.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "name": "skills-cli-use-demo",
3
+ "version": "1.0.1",
4
+ "description": "Vue 2 demo project for skills-cli",
5
+ "scripts": {
6
+ "serve": "vue-cli-service serve",
7
+ "build": "vue-cli-service build"
8
+ },
9
+ "keywords": [],
10
+ "author": "",
11
+ "license": "ISC",
12
+ "dependencies": {
13
+ "@skills-cli/demo-skills": "^1.0.0",
14
+ "core-js": "^3.8.3",
15
+ "vue": "^2.7.16",
16
+ "vue-router": "^3.6.5"
17
+ },
18
+ "devDependencies": {
19
+ "@vue/cli-service": "~5.0.0",
20
+ "vue-template-compiler": "^2.7.16"
21
+ }
22
+ }
package/public/index.html ADDED
@@ -0,0 +1,16 @@
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
+ <link rel="icon" href="<%= BASE_URL %>favicon.ico">
8
+ <title>skills-cli-use-demo</title>
9
+ </head>
10
+ <body>
11
+ <noscript>
12
+ <strong>We're sorry but skills-cli-use-demo doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13
+ </noscript>
14
+ <div id="app"></div>
15
+ </body>
16
+ </html>
package/skills.json ADDED
@@ -0,0 +1,11 @@
1
+ {
2
+ "name": "skills-cli-use-demo",
3
+ "version": "1.0.0",
4
+ "description": "",
5
+ "dependencies": {
6
+ "@skills-cli/demo-skills": "latest"
7
+ },
8
+ "devDependencies": {},
9
+ "priorityOverrides": {},
10
+ "config": {}
11
+ }
package/src/App.vue ADDED
@@ -0,0 +1,37 @@
1
+ <template>
2
+ <div id="app">
3
+ <h1>Skills CLI Usage Demo</h1>
4
+ <nav>
5
+ <router-link to="/">Home</router-link> |
6
+ <router-link to="/about">About</router-link>
7
+ </nav>
8
+ <router-view/>
9
+ </div>
10
+ </template>
11
+
12
+ <script>
13
+ export default {
14
+ name: 'App'
15
+ }
16
+ </script>
17
+
18
+ <style>
19
+ #app {
20
+ font-family: Avenir, Helvetica, Arial, sans-serif;
21
+ -webkit-font-smoothing: antialiased;
22
+ -moz-osx-font-smoothing: grayscale;
23
+ text-align: center;
24
+ color: #2c3e50;
25
+ margin-top: 60px;
26
+ }
27
+
28
+ nav a {
29
+ color: #2c3e50;
30
+ text-decoration: none;
31
+ padding: 0 10px;
32
+ }
33
+
34
+ nav a.router-link-exact-active {
35
+ color: #42b983;
36
+ }
37
+ </style>
package/src/main.js ADDED
@@ -0,0 +1,10 @@
1
+ import Vue from 'vue'
2
+ import App from './App.vue'
3
+ import router from './router'
4
+
5
+ Vue.config.productionTip = false
6
+
7
+ new Vue({
8
+ router,
9
+ render: h => h(App)
10
+ }).$mount('#app')
package/src/router/index.js ADDED
@@ -0,0 +1,26 @@
1
+ import Vue from 'vue'
2
+ import VueRouter from 'vue-router'
3
+ import Home from '../views/Home.vue'
4
+
5
+ Vue.use(VueRouter)
6
+
7
+ const routes = [
8
+ {
9
+ path: '/',
10
+ name: 'Home',
11
+ component: Home
12
+ },
13
+ {
14
+ path: '/about',
15
+ name: 'About',
16
+ component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
17
+ }
18
+ ]
19
+
20
+ const router = new VueRouter({
21
+ mode: 'history',
22
+ base: process.env.BASE_URL,
23
+ routes
24
+ })
25
+
26
+ export default router
package/src/views/About.vue ADDED
@@ -0,0 +1,23 @@
1
+ <template>
2
+ <div class="about">
3
+ <h1>About Skills CLI</h1>
4
+ <p>Skills CLI 核心策略：</p>
5
+ <ul>
6
+ <li>调用 npm 完成基础操作</li>
7
+ <li>自身只处理 skills.json 和扩展功能</li>
8
+ <li>支持优先级管理</li>
9
+ <li>基于 npm Registry 分发</li>
10
+ </ul>
11
+ </div>
12
+ </template>
13
+
14
+ <style scoped>
15
+ .about {
16
+ padding: 20px;
17
+ }
18
+
19
+ ul {
20
+ text-align: left;
21
+ line-height: 2;
22
+ }
23
+ </style>
package/src/views/Home.vue ADDED
@@ -0,0 +1,19 @@
1
+ <template>
2
+ <div class="home">
3
+ <h2>Welcome to Skills CLI Demo</h2>
4
+ <p>This is a Vue 2 project demonstrating how to use skills-cli.</p>
5
+ <p>Skills CLI 是一个基于 npm 生态的 Skills 包管理工具。</p>
6
+ </div>
7
+ </template>
8
+
9
+ <script>
10
+ export default {
11
+ name: 'Home'
12
+ }
13
+ </script>
14
+
15
+ <style scoped>
16
+ .home {
17
+ padding: 20px;
18
+ }
19
+ </style>