Chingu Directory前端练手项目目录页面
chingu 的目录页面挺适合前端新手练手的。目录结构清晰，技术栈也比较主流，像是 Node、Webpack、npm 这些都用上了。整个项目启动流程也简单：clone 下来、装依赖、跑起来就能看效果。
chingu-directory 的安装过程比较顺滑。如果你已经有 Node.js 环境，直接运行 npm i 安装依赖就行了。启动的话，根据系统稍微调整下 package.json 里的 scripts 就好，Mac 和 Windows 一般不用动，Linux 要注意加上 NODE_ENV=development。
项目默认跑在 localhost:8080，用 webpack-dev-server 跑的，响应也挺快，适合调试。整个目录逻辑比较直观，适合你改一改、扩展点功能，或者当个中小型前端项目模板用。
如果你想更深入一点，看看 Webpack 配置怎么写、npm scripts 怎么组织，推荐顺手读下这篇：深入解析 Node.js 中的 npm 与 Webpack 配置，讲得还挺细。
另外，如果你打算搞点前后端联调的东西，也可以参考 RobStack 这种集成了 React、Router、Babel 的栈，搭起来更丰富些。
，chingu-directory 算是一个比较轻巧、好上手的项目模板。如果你刚入门 webpack 配置，或者想学着看别人怎么组织前端结构，拿来练练挺合适的。
文件大小：15.37KB
评论区