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 🙏

© 2025 – Pkg Stats / Ryan Hefner

create-vite-w-cli

v0.3.18

Published

用于快速创建基于`vite+vue3`项目的构建工具

Readme

下阶段计划

暂无

bug 修复

2025-08-14
  1. 一些积累更新
2025-02-12
  1. tailwindcss 的版本更新到 v4.0
2024-09-27
  1. 修改了vue的版本导致的pinia的兼容问题
  2. (es-lint开启时)增加了huskynpm i的时候自动安装, 但是如果没有初始化git会提示错误
  3. (es-lint开启时)增加了对文件的命名规则限制, 如果不需要请更改vite.vue.check.filename.jshusky的钩子内容.
2024-08-20
  1. 修改了环境变量没有配置到路由的问题
2024-08-13
  1. 修改windows环境下的打包问题
2024-08-01
  1. 修改一些版本控制
2024-04-01
  1. 修复 eslint 中, prettier的错误
2024-03-08
  1. 删除 TypeScript Vue Plugin (Volar) 的工作区建议, 现在使用 Vue -Official
2024-02-06
  1. [email protected] 去除, 因为关联的几个依赖已经废弃
  2. vite更新到 5.0.11 , 同时添加 node20 到开发依赖
  3. vue 更新到 3.4.15
  4. 添加jsx支持
2024-01-05
  1. 修复了文件拷贝的错误

  2. 修复了 @vueuse/motion 没有添加到 package.json 的错误

  3. eslint 配置中,没选择prettier 却错误添加相关配置的问题

  4. 2023-09-25 修复了 .vscode 中的错误引号, 生成的 request 文件中的拦截器错误

  5. 2023-11-06 修复了使用 cnpm 安装时, @element-plus/icons-vue 没有一起安装导致的错误

更新说明

2025-01-16
  1. 添加 @antfu/eslint-config作为默认的eslint配置
2024-12-20
  1. 添加 unplugin-vue-inspector 插件
  2. 添加 vite-plugins/check-filename-plugins 插件来检查文件
  3. 移除 vite.vue.check.filename.js
2024-02-18
  1. 添加 gzip 压缩
2024-01-19

1.添加代理

2024-01-09
  1. 集成 ckeditor
  2. 集成 codemirror
2024-01-05
  1. 集成 vite-plugin-svg-icons

  2. 集成 @vueuse/motion

  3. 集成 .env变量

  4. 集成 public/config 打包后可以快速修改接口配置

  5. 集成加密工具

  6. 集成 leaflet 地图

  7. 添加命令行参数 用于在 node 服务中直接使用命令行参数来快捷生成, (网页 -> node 服务 -> 调用它),可选配置有

    export interface answersType {
    	'project-name': string
    	'w-template': 'vite-vue3' | 'vite-all' | 'vite-all-mock'
    	'w-ui': 'none' | 'element-plus' | 'tdesign'
    	'is-ts': boolean
    	'is-sass': boolean
    	'is-eslint': boolean
    	'is-prettier': boolean
    	'is-taillwind': boolean
    	'is-permission': boolean
        'is-leaflet' : boolean
    }
    
    //默认
    const answers: answersType = {
    	'project-name': 'my-project',
    	'w-template': 'vite-vue3',
    	'w-ui': 'none',
    	'is-ts': true,
    	'is-sass': true,
    	'is-eslint': true,
    	'is-prettier': false,
    	'is-taillwind': true,
    	'is-permission': false,
        'is-leaflet' : false
    }

说明

  1. 用于生成 vite + vue3 的基础模板

  2. 可选配置有

    typescript , sass , taillwind , eslint

    element-plus , tdesign

    axios , mock , pinia , mitt , vue-router

  3. 工具尚未经过完整测试

使用

  1. npm create vite-w-cli 选择配置即可

  2. 或者 npm i create-vite-w-cli 之后, 运行npx create-vite-w-cli

示例

测试版工具,版本号: 0.1.0

? 搞个啥项目名啊? test-create
? 搞个啥模板啊? 干干净净,想要什么自己装
? 搞个啥ui框架啊? tdesign(腾讯)
? 是否使用TypeScript? Yes
? 是否使用Sass? Yes
? 是否使用Tailwind? Yes
? 是否使用ESLint(changelog,commitizen 会一起添加)? Yes
? 是否使用Prettier? No
? 是否预置权限控制? No
✔ 完活!

现在可以运行 : cd test-create
然后安装依赖 : npm i

已选择eslint规则, 需同步安装配置husky:
  首先: npx husky install
  然后: npx husky add .husky/pre-commit "npx lint-staged"

注意,如果你换了环境也需要重新配置husky

最后运行项目 : npm run dev

常见问题

  1. 如果 npm create vite-w-cli 使用了旧的版本, 应该是npm缓存导致 可以使用以下命令来清理:
        npm cache clean --force
    或者:
        npm config get cache # 查看缓存目录
        # 之后删除`_npx`下的文件