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

coodev-shl

v0.1.15

Published

前端写作开发流程的脚手架

Downloads

5

Readme

coodev

前端写作开发流程的脚手架

如何安装

全局安装 windows环境: npm install -g coodev mac环境 :sudo npm install -g coodev

第一步:初始化

进入你的工程目录 :cd yourProjectDir 检查安装成功 :coodev --version 检查命令 :coodev --help 初始化项目 :coodev init 这时候你会看到几个问题选项,选择normal模板 、velocity渲染方式,回车完成初始化。 稍等片刻,你会发现目录下回多了几个文件和文件夹,这是我们已经完成了基本的配置。并已经安装好所需的npm依赖。

第二步:开发

注意根目录下的coodev.config.json

{
	"pages": ["index", "list"],
	"common-js": [
	],
	"common-css": [
	],
	"publish-dir": "",
	"server-render-language": "velocity",
	"style-precompiled": "less",
	"server-port": "8080"
}

进入你的工程目录 :coodev dev, 这时会自动编译页面,并监听文件修改。 进入你的工程目录 :coodev server, 这时会根据server-port 字段监听对应的端口,开启本地服务。 打开浏览器,输入127.0.0.1:8080/page/index.html 就可以看到第一个页面。

这里仅描述coodev的使用方法,具体的模板配置用法可见 coodev-temp-normal的文档https://github.com/grARM/coodev-temp-normal 后期会整合到一起