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

nodom-cli

v1.0.5

Published

Cli tools for Nodom

Downloads

8

Readme

nodom-cli

介绍

nodom的脚手架工具,使用一条命令即可搭建Nodom单页应用。
nodom-cli预制了两种开发语言的支持:

  • JavaScript
  • TypeScript

用户可自由选择语言环境。

使用

你需要确保你的本地Node版本>=14。
可以使用下列方式新建你的Nodom应用:

npm

首先需要全局安装nodom-cli

npm install nodom-cli -g

待安装完成后,在目标路径下的命令行窗口内执行下列命令

nodom create <app-name>

app-name为项目名称

随后依据提示完成新建流程即可。

如需提升依赖下载速度,可以设置淘宝镜像源:

npm config set registry http://registry.npm.taobao.org/

npx

如果支持npx,可以不安装nodom-cli,直接执行:

npx nodom-cli create <app-name>

开始

工具的使用方式为:

nodom <command> [option]

<>表示为必填项, []表示为可选项

可使用下列命令,来查看工具的使用方式、可用命令、可配置项。

nodom
nodom -h
nodom --help

单条命令也可使用追加配置-h--help来查看命令详情。
如需查看当前nodom-cli的版本,执行-V命令:

nodom -V

nodom create

该命令用于创建Nodom项目。
当目标路径已存在文件夹时,可配置-f--force来强制覆盖目标文件夹。

nodom create <app-name> -f

nodom help

该命令来查看所选命令的详情。

nodom help [command]
//command为命令名称

项目运行

nodom-cli提供了自动下载npm依赖的功能,如需手动下载依赖。在项目根路径下执行:

npm i

npm run serve

该命令提供了webpack-dev-serve的功能,适合开发环境,可用于快速开发应用程序。 在项目根目录下运行命令:

npm run serve

即可启动服务,开发时只需保存代码,浏览器会自动刷新。

npm run build

该命令会将项目打包,适合生产环境。用于项目部署时的打包。 在根目录下运行命令:

npm run build

会将项目打包至/dist文件夹下,如果是前后端分离项目,将其拷贝至静态资源路径即可部署项目。

开发说明

nodom-cli内置了基本的开发支持,如需添加功能或修改,请手动修改webpack.config.js文件的配置。

图片资源

由于无法解析字符串内的路径资源 如需在模板代码内引用资源,可使用下列方式:
由于静态资源会被拷贝至dist文件夹下,将资源放至/public内,模板代码内的路径引用对应的绝对路径即可成功。
资源所处路径:

/public/logo.png

模板内路径写法:

<img id='logo'  src='public/logo.png' />