shopify-webpack-themekit Webpack集成开发环境 Shopify 主题的 Webpack 开发环境,还带上了 Themekit,整得还挺顺。shopify-webpack-themekit这个工具,适合你一边写 ES6/SCSS,一边用 ThemeKit 同步主题文件。Webpack 那一套都整合进去了,Stylelint、ESLint、Babel
Weather Site极简天气展示站点 黑白风格的天气查询站点,整个 UI 挺清爽,适合用来练手 React 项目结构。 项目是用Create React App搭起来的,省去了 Webpack 配置那一堆麻烦。你只要npm start一下,浏览器立马弹出来,改代码还能自动刷新,挺方便。 它自带的脚本挺全:npm test用来跑测试,np
Mooncascade Web开发脚手架 Mooncascade 的 Web 开发演示项目,结构清爽,代码风格比较统一,挺适合用来做中型项目的脚手架。它结合了PHP做后端,前端用的是Node.js配合Webpack,热更新响应也快,改起来比较顺手。 你如果习惯用npm来跑项目,那这个项目上手就不难。只要npm install装好依赖,记得先
前端模板构建静态站点模板 黑白配色的前端模板,挺适合用来搭静态站点的。结构清晰,用法也比较顺手。创建项目的时候直接用 curl 拉下来,解压就能用,挺方便的。 模板里自带了些常用配置,像 .github、renovate.json 这些,如果你不需要,初始化后可以删掉,保持干净清爽。 Node.js 14+ 是必须的,配合
MERN投票应用模板 MERN 堆栈的投票应用,前后端一体搞定,适合用来练手或当模板项目用。用了 MongoDB、Express、React、Node.js,全套都比较主流。页面响应还挺快的,功能也算全面:能创建、分享、查看、删除、投票……基本该有的都有了。 Daniel Deutsch 写的这个投票应用,比较实用,界面
React游戏应用模板 游戏应用的项目模板用起来还挺顺手的,适合用来搭建基于 React 的前端项目。你只要在项目根目录跑一下 yarn start,浏览器立马就能看到效果,页面热更新也挺稳定,改了代码直接就能看到变化,响应也快。 yarn test 这个命令用起来也方便,默认是交互式模式,边写边测,适合想快速验证组件逻辑
vue-rx RxJS集成插件 vue 的 RxJS 集成利器就是 vue-rx,对,名字听起来就直接。它让你在 Vue 组件里用上 RxJS 的响应式流,写起来更优雅,逻辑也清晰。你只要 npm install vue-rx rxjs 一下,像平常用插件那样 Vue.use(VueRx) 就行,没啥门槛。 比较贴心的是,vue-
PlanetSearch 3跑酷续作 跑酷风格的游戏项目 PlanetSearch3,是前作 Helix 历险记的续集,玩法和开发体验都挺上头的。 直接打开浏览器窗口的 index.html 就能看到运行效果,响应也快,调试也方便。如果你装了 VSCode 和 Live Server 扩展,右键点一下就能开跑,适合快速验证。 项目用到了
Reactflix沉浸式教程项目 reactflix 的项目结构挺清爽,适合刚上手 React 的朋友练练手。用 npm start 一跑就能进开发模式,改了代码页面会自动刷新,响应也快,开发体验还不错。整个项目是跟着 Alura 的沉浸式教程走的,内容比较系统,对新手挺友好。 npm test 可以跑测试,用的是交互式的测试模式,