npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

vue3-directive-tools

v1.1.4

Published

🎉🎉🔥 基于 Vue3 + Ts 的 directive 及 Hooks 的 npm 插件。它允许您轻松地在项目中添加多种功能,它采用 Ts 方式开发,与 Vue3 更加搭配, 帮您快速完成开发功能、您只需要使用功能 v-xx:''; 即可

Downloads

13

Readme

🤖 你的代码工具箱-瑞士军刀

概述:开箱即可用的 vue 指令和工具函数。

🌍 1、安装

npm install vue3-directive-tools

说明:

此工具库是基于 Element-plus、Sass、Node、Ts,请您在安装以上依赖后使用此辅助库,它可帮您快速开发功能、您只需使用 v-xx="" ;

🛹 2、使用方法

简介苍白,请您移步-》👉

查看使用文档 查看更新文档

  • 更多功能正在逐步开发中 ^_^

📝 package.json 描述

  "scripts": {
    /*
     "-w" 表示实时监视文件的更改并重新编译
     "-p" 参数指定了使用 `tsconfig.json` 文件中的配置来编译 TypeScript 文件。
     这个配置文件中(tsconfig.json)可能包含了一些特定的编译选项,比如` module`、`target` 等,这些选项会影响编译的结果。
     编译结果是通过tsconfig.json "module": "ES6"
    */
    "tsc": "tsc -W -p tsconfig.json",
    /*
      "-w" 表示实时监视文件的更改并重新编译,"–outDir lib" 表示将编译结果输出到lib目录下,
      "src/directive/index.ts" 表示要编译的`入口文件是src/directive/index.ts。`
      没有指定使用 `tsconfig.json` 文件,所以 TypeScript 编译器会使用`默认的配置来编译` TypeScript 文件。
      这个默认的配置可能和 tsconfig.json 文件中的配置不同,所以编译的结果也会不同。
      当你运行 tsc 命令而没有指定 -p 或 --project 参数时,TypeScript 编译器会使用一组默认的编译选项。这些默认的编译选项包括:
        - "target": "ES3":默认的目标 ECMAScript 版本是 ES3。
        - "module": "CommonJS":默认的模块系统是 CommonJS。
        - "strict": false":默认不启用所有的严格类型检查选项。
        - "noEmit": false":默认会生成输出文件。
        这只是默认编译选项的一部分,完整的列表可以在 TypeScript [官方文档](https://www.typescriptlang.org/zh/tsconfig#module) 中找到。
        需要注意的是,这些默认的编译选项可能不适合所有的项目,所以通常我们会在 tsconfig.json 文件中指定自己的编译选项,以覆盖默认的编译选项。
    */
    "tsc:default": "tsc -w --outDir lib src/directive/index.ts"
  },