简介
npm 包 nigel 是一个用于前端项目的命名规范和目录结构管理的工具。它可以帮助开发者遵循一致的命名约定，并提供了一种标准的文件组织方式，从而提高代码的可维护性和可读性。
安装
要使用 nigel，需要先在全局安装它：
--- ------- -- -----
使用方法
初始化项目
在项目根目录下执行以下命令，即可初始化一个符合 nigel 规范的项目结构：
----- ----
执行完该命令后，会在当前目录下创建一个 src 目录，包含了基本的项目结构，如下所示：
---- --- ------- - --- ------- - --- ------- --- ----------- --- ------ --- ------- --- --------- --- ------ --- ------ --- -------
其中，assets 目录用于存放静态资源，如图片、样式等；components 目录用于存放可复用的组件；pages 目录用于存放页面组件；router 目录用于存放路由相关代码；services 目录用于存放 API 服务相关代码；store 目录用于存放 Vuex 相关代码；utils 目录用于存放通用工具函数；App.vue 是项目的入口组件。
创建模块
要创建一个新的模块，可以使用以下命令：
----- -------- ------ -------------
其中，<module-name> 为模块名称，比如 user。
执行该命令后，会在 src 目录下创建一个新的目录，包含了与该模块相关的组件、服务和 store 等代码，如下所示：
----
--- -----
--- -----------
--- ---------
--- ------
--- --------创建组件
要创建一个新的组件，可以使用以下命令：
----- -------- --------- ---------------- ------- ------------ ---------- ---------------
其中，<component-name> 为组件名称，比如 button；--page 参数表示该组件所属的页面名称，可选；--section 参数表示该组件所属的页面中的哪个 section，可选。
执行该命令后，会在对应的目录下创建一个新的 .vue 文件，包含了基本的组件代码，如下所示：
---- --- ------ - --- ----- - --- ----- - - --- ----------- - - --- ---------- -- -------- - --- --- --- ---
创建服务
要创建一个新的服务，可以使用以下命令：
----- -------- ------- -------------- --------- --------------
其中，<service-name> 为服务名称，比如 userApi；--module 参数表示该服务所属的模块名称，可选。如果不指定该参数，则会在 src/services 目录下创建一个独立的服务文件。
执行该命令后，会在对应的目录下创建一个新的 .js 文件，包含了基本的服务代码，如下所示：
---- --- --------- - --- ---------- -- -------- - --- --- --- ---
创建 store
要创建一个新的 store，可以使用以下命令：
----- -------- ----- ------------ --------- --------------
其中，<store-name> 为 store 名称，比如 userStore；--module 参数表示该 store 所属的模块名称，可选。如果不指定该
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/44936