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

syui

v1.0.5

Published

A Vue.js project

Downloads

13

Readme

vue-cli npm插件发布

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

如果想要修改提交到npm的配置名称

1.修改配置文件 package.json

"name": "syui",   ---修改自己的命名
"version": "1.0.0",`
`"description": "A Vue.js project",
"author": "liu.li <[email protected]>",
"main": "dist/syui.min.js",   ---修改自己的命名压缩js
"private": false,` ---修改为false

2.修改打包配置文件 webpack.prod.conf.js 文件

  output: {
    path: path.resolve(__dirname, '../dist'),
    publicPath: '',
    filename: 'syui.min.js',
    library: 'syui',
    libraryTarget: 'umd',
    umdNamedDefine: true
  },
  externals: {
    vue: {
      root: 'Vue',
      commonjs: 'vue',
      commonjs2: 'vue',
      amd: 'vue'
    } 
  }

3.修改src/main.js

  import App from './App';
  import SyUI from './index';

4.npmignore

可以去除不要打包的目录

5.npm login

登录npm

6.npm publish

 发布

eslint

 npm unpublish --force:移除一个发布包(也 可以移除指定版本的包)
 npm logout:登出用户

Eslint - 配置

    1. 全局配置
 npm i -g eslint
    1. 初始化
 eslint --init`
    1. 根据提示进展
 ? How would you like to configure ESLint? (Use arrow keys)``❯
  Answer questions about your style
  Use a popular style guide
  Inspect your JavaScript file(s)1234

选择第二项`

  How would you like to configure ESLint? Use a popular style ``guide

  ? Which style guide do you want to follow? (Use arrow keys)

 ❯ Google
  Airbnb
  Standard
  1. 配置eslint 规则
  .eslintrc.js 

  + "off" 或者 0:关闭规则。

  + "warn" 或者 1:打开规则,并且作为一个警告(不影响exit code)。

  + error" 或者 2:打开规则,并且作为一个错误(exit code将会是1)。