1.0.5 • Published 3 years ago

nodom-cli v1.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

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' />