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

auto-fly

v1.3.0

Published

功能: 提供前端自动化环境,集脚手架,服务器,代理,测试抓包,性能可视化分析于一体,提高开发效率

Downloads

2

Readme

简洁,高效,实用的前端自动化开发小工具!针对前端开发常见需求,提供解决方案!希望你的code像风一样,在知识的海洋自由翱翔!

##功能 + 愿景:

致力于提供前端自动化开发环境,集脚手架,服务器,代理,API快速测试,数据mock,多端测试抓包,性能可视化分析于一体,提高开发效率!并且支持command的方式自动化创建页面/组件的基础结构,用简单的方式,提高开发效率,让你的前端开发爽到爆!

使用:

1. 全局安装

npm install auto-fly -g
或
npm install auto-fly -g --registry http://registry.cnpmjs.org

2. 使用

Usage: auto-fly [options] [command]  

Options:
-v, --version        输出当前auto-fly版本号  
-p, --port [port]    指定服务启动端口,默认为[8080]  
-P, --proxy [url]    开启代理服务  
-d, --debug          是否禁止输出log信息在控制台,默认打开  
-w, --watch          页面加载性能分析/webpack构建性能分析  
--pack               开启抓包  
-o, --open           在服务启动之后,打开浏览器窗口,默认为false  
--cors               配置Access-Control-Allow-Origin头部信息  
-g, --gzip           启动服务器gzip配置项  
-c, --cache          缓存相关配置  
-h, --help           output usage information  

Commands:  
server               开启服务  
init [appName]       创建一个以react为前端框架,webpack为构建工具的基础应用   
minify [fileDir]     压缩js或css文件  
help [cmd]           display help for [cmd]  
auto-fly start       在任何目录下启动auto-fly 创建的app
auto-fly build       编译打包
auto-fly create [page|component]: 新建页面/组件
3.说明 :
Commands:  
server命令启动服务,服务目录默认为`./public`,如果不存在则会以 `./`为服务目录;  

Options:  
-v, --version      :输出当前auto-fly版本号  
-h, --help         :输出帮助手册(详细的配置项)  
-p, --port [port]  :指定服务启动端口,默认为[8080]  
-P, --proxy [url]  :开启代理功能,配置参数为代理服务的url,如:http://testurl.com或http:127.0.0.1:3300,访问/proxy/api即可代理至相应的服务,默认不打开此功能;  
-d, --debug        :是否禁止输出log信息在控制台,默认打开  
规划 [正在陆续赶来...]
Commands:  
init [template]    :初始化构建一个以template为前端框架,webpack为构建工具的基础应用(当前默认为是react)

Options:  
-w, --watch        :页面加载性能分析/webpack构建性能分析  
--pack             :开启抓包  
-o, --open         :在服务启动之后,打开浏览器窗口,默认为true  
--cors             :配置Access-Control-Allow-Origin头部信息  
-g, --gzip         :启动服务器gzip配置项  
-c, --cache        :缓存相关配置  

Commands:  
auto-fly start     :在任何目录下启动auto-fly 创建的app

Commands:  
auto-fly build     :编译打包

Commands:  
auto-fly create [page|component]:新建页面/组件

Options:  
-n, --name         :页面/组件的 name