Wern-cli 是一个基于 Node.js 的 npm 包，可以帮助前端开发者通过命令行快速生成一些常用的代码片段，例如 React 组件、Vue 组件、Redux 模板等。本文将详细讲解如何安装和使用 wern-cli。
安装 wern-cli
要使用 wern-cli，首先需要在计算机上安装 Node.js 和 npm。如果你已经安装了这两个工具，可以打开终端（Mac）或命令提示符（Windows），输入以下命令来安装 wern-cli：
npm install -g wern-cli
该命令会将 wern-cli 安装到全局环境，即可在任何目录下使用 wern-cli。
使用 wern-cli
生成 React 组件
要生成一个简单的 React 组件，可以在终端（Mac）或命令提示符（Windows）下输入以下命令：
wern react <componentName>
其中 componentName 是你要创建的组件名称，例如：
wern react Button
该命令将在当前目录下创建一个名为 Button.js 的文件，其内容如下：
-- -------------------- ---- -------
------ ----- ---- --------
----- ------ - -- -- -
------ -
-----
------
------
--
--
------ ------- -------生成 Vue 组件
要生成一个简单的 Vue 组件，可以在终端（Mac）或命令提示符（Windows）下输入以下命令：
wern vue <componentName>
其中 componentName 是你要创建的组件名称，例如：
wern vue Button
该命令将在当前目录下创建一个名为 Button.vue 的文件，其内容如下：
-- -------------------- ---- -------
----------
-----
------
------
-----------
--------
------ ------- -
----- --------
--
---------生成 Redux 模板
要生成一个简单的 Redux 模板，可以在终端（Mac）或命令提示符（Windows）下输入以下命令：
wern redux <moduleName>
其中 moduleName 是你要创建的模块名称，例如：
wern redux user
该命令将在当前目录下创建一个名为 userRedux.js 的文件，其内容如下：
-- -------------------- ---- -------
----- --------- - ---
------ ----- ----------- - ------ - ---------- ------- -- -
------ ------------- -
--------
------ ------
-
--
------ ----- ----------- - ---
------ ----- --------- - ---其他命令
除了上述命令，wern-cli 还支持其他一些命令，你可以在终端（Mac）或命令提示符（Windows）中输入以下命令来查看所有可用命令：
wern --help
总结
通过本文的介绍，我们学习了如何安装和使用 npm 包 wern-cli，并创建了一些常用的代码片段。wern-cli 可以大大减少我们创建代码的时间，提高开发效率。希望本文对你有所指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671078dd3466f61ffde83