什么是 sfsky-cli
sfsky-cli 是一个基于 Node.js 的命令行工具，用于快速创建 React 项目，并且内置了 webpack 配置、eslint 检测等常用功能，可以方便前端工程师快速创建 React 项目并进行开发。
安装 sfsky-cli
在全局环境中安装 sfsky-cli：
--- ------- -- ---------
使用 sfsky-cli
创建项目
使用 sfsky-cli 可以非常方便地创建一个 React 项目，只需简单的命令即可：
--------- ------ ------
其中，my-app 为项目名称，可以替换成你自己的名称。
执行该命令后，sfsky-cli 会自动创建一个名为 my-app 的项目目录，并在其中生成项目基本结构，并安装必要的依赖。
运行开发环境
在项目根目录下，输入以下命令，即可启动开发服务器：
--- -----
sfsky-cli 内置了 webpack-dev-server，在启动后，会自动打开浏览器，并在 http://localhost:3000 上输出应用程序。
生成打包文件
在项目根目录下，输入以下命令，即可生成打包文件：
--- --- -----
sfsky-cli 内置了 webpack，并对生产模式进行了优化，生成的打包文件大小更小，运行速度更快。
项目目录结构
使用 sfsky-cli 创建的 React 项目目录结构如下：
------ --- ------------ --- ------ - --- ----------- - --- ---------- - --- ------------- --- --- - --- ------- - --- ------ - --- ----------- - --- --------- - --- -------- - --- -------- - --- ---------------- --- ------------ --- ---------- --- ----------------- --- ------------ --- ---------
其中，
public目录中包含了项目的静态资源文件，如 HTML 模板、图标等；src目录中则包含了项目的源码和组件代码；.eslintrc.js文件是 eslint 检测的配置文件；.gitignore文件则是 git 忽略文件的配置；package-lock.json记录了项目中安装的所有依赖项的版本号；package.json中则记录了项目的基本信息和依赖项的信息；
其他常用 sfsky-cli 命令
--version
检查当前 sfsky-cli 版本：
--------- ---------
help
查看 sfsky-cli 帮助文档：
--------- ------
总结
sfsky-cli 作为一个轻量级的命令行工具，在 React 项目开发时，可以方便快捷地创建项目、运行开发环境，生成打包文件等。同时，sfsky-cli 也为前端工程师提供了一个学习实践的机会，让开发者更好地掌握 React 开发的基础。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671a730d092702382266d