open-index/open-npm huggingface dataset:
npm package: @nkiwi/vdom-launch-editor
Description: loader and plugin for webpack used in Vue project, can launch editor by clicking DOM
Author: kiwi
Latest version: 1.0.6

# `@nk/vdom-launch-editor`

## 安装
```bash
npm i -D @nk/vdom-launch-editor
```

## 用法
vue-cli版本:**@vue/cli 4.5.3**

```javascript
const vdomLaunchEditorPlugin = require('@nk/vdom-launch-editor/dist/plugin').default

module.exports = {
  chainWebpack: config => {


      config.module
        .rule('vue')
        .use('vdomLaunchEditorLoader')
        .loader('@nk/vdom-launch-editor')
        .after('vue-loader')
        .end()
      config.plugin('vdomLaunchEditorPlugin')
        .use(vdomLaunchEditorPlugin)
  }
}

```
npm package: @nkiwi/yorkie-pnpm
Description: githooks management forked from husky
Latest version: 1.0.1

# yorkie

> Git hooks made easy

This is a fork of [husky](https://github.com/typicode/husky) with a few changes:

- Prioritizes `package.json` located next to `.git` directory, instead of hard-coded upward search. This avoids the problem when a root package in a lerna monorepo and a sub package both depends on husky, it gets confused and double-updates the root git hooks with wrong paths.

- Changed where hooks are read from in `package.json`:

  **Before**

  ``` json
  {
    "scripts": {
      "precommit": "foo"
    }
  }
  ```

  **After**

  ``` json
  {
    "gitHooks": {
      "pre-commit": "foo"
    }
  }
  ```
npm package: @nklayman/vue-cli-plugin-capacitor
Description: A Vue CLI 3 Plugin for Capacitor
Author: Noah Klayman
Latest version: 0.4.0

# Vue CLI Plugin Capacitor

> Turn your Vue SPA into an Android or iOS app with [Capacitor](https://capacitor.ionicframework.com/)

**Note: Your app must be created with Vue CLI 3 (`vue create my-app`), not Vue CLI 2 (`vue init webpack my-app`)!**

## Install

Open a terminal in the directory of a Vue CLI 3 project, or create one with `vue create my-app`, and run the following command:

```bash
vue add @nklayman/capacitor
```

Then, configure Capacitor to [hide your app's splash screen](https://capacitor.ionicframework.com/docs/apis/splash-screen/#hiding-the-splash-screen) when VueJS is ready by adding the following code to your `src/app.js`:

```diff
import Vue from 'vue'
import App from './App.vue'
+ import { Plugins } from 'capacitor'
+ const { SplashScreen } = Plugins

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
+ mounted() {
+   SplashScreen.hide()
+ }
}).$mount('#app')

```

## Start a Live Dev Server

Start the dev server by running:

With [Yarn](https://yarnpkg.com):

```shell
yarn capacitor:serve # add --android or --ios to specify a target platform
```

Or with npm:

```shell
npm run capacitor:serve # add --android or --ios to specify a target platform
```

This will start a dev server, then open your native IDE (Android Studio or XCode). From here, run your app on an emulator or physical device. The app will connect to the dev server, allowing HMR.

## Build Your App

Build your app by running:

With Yarn:

```shell
yarn capacitor:build # add --android and/or --ios to specify a target platform(s)
```

Or with npm:

```shell
npm run capacitor:build # add --android and/or --ios to specify a target platform(s)
```

This will bundle your app, then open your native IDE (Android Studio or XCode). From here, build your app with the IDE tooling to create an Android/iOS app.

## Further Configuration

To learn more about Capacitor and how to use it, visit [Capacitor's Website](https://capacitor.ionicframework.com/). This plugin simply provides an easy-to-use interface for Vue CLI 3.

## How It Works

### Dev Server

1. The normal development server is started with `vue-cli-service serve`.
2. Capacitor is configured to load your app from the dev server's network url.
3. The platform's native IDE is opened with `cap open [platform]`.
4. When the native app is run, it connects to the dev server, allowing for HMR.

### Build

1. Your app is built as normal with `vue-cli-service build`.
2. The bundled output is copied to the native app with `cap copy [platform]`. This runs for each platform specified.
3. The platform's native IDE is opened, allowing you to create a final build of the native app.