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

xie-generator

v1.0.4

Published

xie-cn脚手架

Downloads

2

Readme

xie-generator

楔框架生成器

1 概要说明

大者以为舟航柱梁,小者以为楫楔

2 使用

* 依赖环境:>=nodejs 8.0.0 
* npm install -g xie-generator
* x create myXproject
* cd myXproject && npm start
* 打开浏览器,输入http://localhost:1337

3 第一次

1、在项目的根目录下运行如下命令,会在项目的engine文件夹下新建一个模块

x add example

2、在example/src/service.js文件,编写内容如下:


function service(net){ 
    net.data.message = "hello world!!";
}
module.exports = service;

3、在example/web/index.ejs,编写内容如下:


<div id="realData">
    <h1>{{message}}</h1>
</div>

<script> 
    var vue = net.datachange("realData");
</script>

4、命令行工具进入项目根目录,输入 node app.js 命令来启动微服务

5、打开浏览器,输入http://localhost:1337/example 查看效果

4 更多命令

x init

此命令为快速初始化开发框架,用于在某个文件夹内快速添加框架的目录结构与npm包安装

  • 新建一个空文件夹
  • cmd进入这个文件夹
  • 运行命令 x init
  • 生成目录结构

x add $engine

此命令为快速建立一个模块的目录结构,通过此命令可以快速建立一个模块

  • cmd进入项目的engine目录
  • 运行命令 x add example
  • 重启服务
  • 打开浏览器,输入http://localhost:1337/example 查看效果

x install $engine

此命令为安装npm开源社区提供的开源的楔子模块,它会自动的安装依赖到node_modules,并且把模块拷贝到engine目录下

注意:

1、此命令必须在项目的根目录运行才能正确安装

2、楔子模块官网

5 更多功能与方法