简介
hexin-generator 是一个前端脚手架工具,它可以帮助我们快速生成项目的基本结构,并且自定义配置也非常方便。
在使用 hexin-generator 之前,需要先了解一些基本的 npm 知识,比如如何安装、如何使用 npm 包等等。
安装
使用 npm 进行安装:
npm install -g hexin-generator
使用
使用命令行进入到你想要创建项目的位置,然后输入以下命令:
hexin-generator
然后就会出现一些选项,让你进行选择:
- 项目名称
- 项目描述
- git 仓库地址
- 作者名称
- 作者邮箱
- 是否使用 TypeScript
- 是否自动生成 gitignore 文件
当你完成了这些选项之后,hexin-generator 就会自动帮你创建项目的基本结构和配置文件,比如:
- package.json
- webpack 配置文件
- babel 配置文件
- eslint 配置文件
自定义配置
你可以通过在命令行输入 --init 或者 -i 来重新配置项目信息,比如:
hexin-generator -i
这样就可以重新修改项目信息了。
另外,你也可以通过修改配置文件的方式来自定义配置,比如:
-- -------------------- ---- ------- - ------- ------------- ---------- -------- -------------- --- --------- --------- --- ---- --- -------- ---------- - -------- ------------------- ------ ------ ------------- -------- -------- ------ ----------- -- --------------- - -------- ---------- ------------ ---------- -------- --------- -------------- --------- -------------- --------- -------- --------- -- ------------------ - ---------- ---------- -------------- --------- --------------------- --------- --------------- --------- -------------- --------- -------------------- --------- ---------------------- --------- --------------- --------- --------- ---------- ----------------------- ---------- ------------------------- --------- ----------------------- ---------- ------------------------- --------- ------------------------- --------- ---------------------- ---------- ----------- --------- - -
示例代码
例如,我们可以使用 hexin-generator 来快速建立一个基于 React 和 Redux 的项目:
hexin-generator # 根据提示输入项目信息 # 等待项目创建完成 cd my-project npm start
这样,我们就可以使用浏览器访问 http://localhost:8080 来预览项目界面了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600559e581e8991b448d785c