简介
@sr229/sagiri
是一个基于 Node.js 平台的前端开发工具。它用于快速生成网站的默认配置,包括基础样式、文件结构、代码结构等。
安装
@sr229/sagiri
可以通过 NPM 安装,可以通过以下命令安装:
npm install @sr229/sagiri -g
使用指南
初始化一个项目
运行以下命令初始化一个项目:
sagiri init
在初始化时,你需要提供一些参数:
--name
:项目名称--description
:项目简介--author
:项目作者
例如:
sagiri init --name my-project --description "My project" --author "Me"
这将在当前目录创建一个名为 my-project
的项目,并将其作者设置为 Me
。
生成组件
运行以下命令生成一个组件:
sagiri make:component my-component
这将在 src/components
目录下创建一个名为 my-component
的组件。
同时,你也可以通过 --path
选项设置将组件创建在哪个目录下。
生成页面
运行以下命令生成一个页面:
sagiri make:page my-page
这将在 src/views
目录下创建一个名为 my-page
的页面。
同时,你也可以通过 --path
选项设置将页面创建在哪个目录下。
启动开发模式
运行以下命令以开始开发模式:
sagiri dev
这将启动一个 Web 服务器,并监控文件更改。每当文件更改时,它将重新构建项目并刷新浏览器。
构建生产版本
运行以下命令构建生产版本:
sagiri build
这将生成一个生产级别的静态文件,你可以将它们部署到你自己的服务器上。
示例代码
以下是一个基本的示例代码:
-- -------------------- ---- ------- ---- -------------------- --- --------- ----- ----- ---------- ------ ----- --------------- -- ----- --------------- ---------------------------- ------------------ -- ---- ------ ---- --- ----- ---------------- ---------------------------- -- --------- --------------- ------- ------ ----------- -- ----------- ------- --------------------------------- ------- -------
// src/js/app.js console.log('Hello Sagiri!')
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600562da81e8991b448e03eb