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

vue-cli-plugin-snailreader

v1.21.2

Published

vue cli plugin for snailreader html5 develop and deploy

Downloads

80

Readme

适用于蜗牛读书WEB开发习惯的Vue CLI 3插件

##使用方法

安装Vue CLI 3

插件需要配合Vue CLI 3使用

npm install -g @vue/cli
# OR
yarn global add @vue/cli

你还可以用这个命令来检查其版本是否正确 (3.x):

vue --version

创建项目

运行以下命令来创建一个新项目:

vue create hello-world

之后安装提示新建项目即可

安装插件

完成项目新建后,切换到新建的项目目录下:

cd hello-world
vue add snailreader

按照安装提示完成插件安装即可

##插件原理 插件是按照Vue CLI 3的插件规范进行开发的,针对蜗牛读书前端开发工程特点进行了一些快速的配置修改和注入,避免每次新建项目都需要手动进行配置的麻烦。 本插件主要做了以下几个方面的工作:

  • 安装阶段询问是否需要在生成的html的head中注入rem计算脚本
  • 删除了项目中的一些无用代码和文件,修改了一些配置文件
  • package.json中增加了一个适用于开发阶段的命令,注入了图片压缩插件
  • 新建了针对蜗牛读书前端开发的webpack自定义集中配置文件vue.config.js

其他的一些改动可以阅读插件源码了解,欢迎对本插件进行相应的修改和完善