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

sim1

v1.0.2

Published

sim test

Downloads

1

Readme

sim

Project setup

npm install 安装依赖

规矩

】 三个下划线开头 + 小驼峰   代表函数里面接收的参数,命名的语法形式
例如:
function setUserName(___userName){
	
}

】小驼峰 + Fun结尾 代表函数
例如:
let setUserNameFun = function(){
	
}

】小驼峰  代表普通变量
例如:
let userName = 123

】$ 开头 + 小驼峰   代表 与 其它组件有通信关系 ,比如 provide、inject、props等等
例如:$userName
let $userName = inject("$userName")

】ref_ 开头 + 小驼峰   代表 是被 ref() 修饰过的
例如:
let ref_userName = ref("xiaoming");

】/ 开头 + 小写_小写    代表组件路由的path地址
例如:
routes: [{
	path: '/my_center_page',
	name: 'rt_MyCenterPage',
	component: MyCenterPage_vue
}]

】rt_大驼峰    代表组件路由的name名字
例如:
routes: [{
	path: '/index',
	name: 'rt_IndexPage',
	component: IndexPage_vue
}]

】全大写    代表常量
例如:
let USERNAME = "我无法改变"

】vue_ 开头的    代表此变量引用官方的(Vue以及周边团队)工具 或 插件 等等,非我们个人或团队自定义的工具
例如:
let vue_router = useRouter();

】ant_ 开头的    代表此变量引用官方的(Ant以及周边团队)工具 或 插件 等等,非我们个人或团队自定义的工具
例如:ant_button

】ele_ 开头的    代表此变量引用官方的(Element以及周边团队)工具 或 插件 等等,非我们个人或团队自定义的工具
例如:ele_button

】大驼峰 + _vue 结尾     代表就是个 vue组件
例如:
import IndexMenu_vue from './index_components/IndexMenu.vue'

】show_ 开头的    代表此变量 专门用来控制 显示 或 隐藏
例如:
let show_userName = true

】list_ 开头的    代表这个变量,就是个集合,用来存一个个的数据,存一个个的对象也行
例如:
let list_userData = [
	{
		username:'xiaoming',
		age:10
	},
	{
		username:'xiaohong',
		age:12
	}
]

】resp_ 开头的     代表这个变量,是服务器响应给我们的
例如:
let username = resp_data.username;
let age = resp_data.age;

】req_ 开头的     代表是一个即将发送数据给服务器的对象,里面携带了一些请求参数
例如:
let req_data = {
	username:'xiaoming',
	age:10
}

】obj_ 开头的     代表是一个对象
例如:
let obj_userData = {
	username:'xiaoming',
	age:10
}

】str_ 开头的     代表是一个以长字符串为主内容的变量,用来 提示文本、文章、拼接字符串等等
例如:
let str_hello = '你好啊,你最近在干嘛啊?'

】temp_ 开头的     代表是一个模板,或者是 字符串拼接而成的 模板
例如:
let temp_Login = `
	<div>
		<input value='${username}'/>
		<input value='${password}'/>
		<button>登录</button>
	</div>
`

启动、打包等命令,默认是:

启动服务:npm run serve
打包项目:npm run build

Customize configuration

Sim 官网 (https://www.sim.top).