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

form-design-web-ces

v1.1.6

Published

form-design-web-ces

Downloads

6

Readme

自定义表单设计态

node版本

10.x

安装

npm run installall

运行

npm run serve

本地设计模式跳转本地运行态模式

前提是运行态项目已经启动,启动方式见 form-design-running工程的README.md文档。

本工程需要修改 public/index-development.js中跳转的参数,如:

window.SITE_CONFIG['formRun'] = 'http://localhost:8087/#/run' // form运行态的前缀

按照实际情况的本地运行态地址进行修改,这样我们就能在本地测试运行态了

打包

比如如果要发布到演示环境或者测试环境,那么它们不同的仅仅是public/config下面的配置,我们只需要在打包的时候,修改 .env.production文件中的VUE_APP_ENV参数,如下图

# 用哪个配置,如果是演示环境的配置,请改成 VUE_APP_ENV = 'ys'
VUE_APP_ENV = 'test'

然后运行 npm run build

注意事项👻

此项目较大,所以在开发模式下,启动后如果有改动,可能会node栈溢出报错,此时针对于window和mac系统,可以分别用下面方式启动:

mac系统

修改package.json 下的script 的serve命令即可,如下 👇

"serve": "node --max_old_space_size=4096 node_modules/.bin/vue-cli-service serve --open",

接下来重新运行

npm run serve

window系统

需要安装第三方的包来解决node栈溢出问题,如下👇

npm install -g increase-memory-limit

然后在此项目下运行

increase-memory-limit

接下来重新运行

npm run serve

20220829新增解决mac系统vue编译或者打包时候项目内存频繁溢出的情况

解决方案同 window系统 期间如果遇到permission denied 可在指令前添加sudo 接着输入密码即可解决 在安装完毕后如果启动提示错误

/node_modules/_@[email protected]@@vue/cli-service/bin/vue-cli-service.js:4
const requiredVersion = require('../package.json').engines.node --max-old-space-size=10240

找到源码,将 --max-old-space-size=10240 这一句去掉。 重新启动,即可。