nillawebprojects里面是一些使用HTML5、CSS和JavaScript构建的小型项目。

推荐原因：vanillawebprojects这个项目很适合前端新手学习，每一个小项目都同时使用到了HTML+CSS+JS，这是前端最基础的内容，扎实的掌握了前端三件套之后，对以后学习前端框架会有很大的帮助。里面一共包含了20个小项目，学会这几个项目，相信你对HTML、CSS和JS会有一个更深刻的认知。

GitHub地址：https://github.com/bradtraversy/vanillawebprojects

家好，我是 Echa。

前几天陆陆续续分享了几十套优秀的开源项目，总有几套是大家喜欢的。

另外有不少的老铁们私信我，给了建议能不能汇总一下，我也愿意为大家服务，今天来分享6套非常热门的微信小程序开源项目，创作不易，喜欢的老铁们转发加个关注，点个赞，速速收藏，谢谢！

具体如下：

推荐12个非常优秀的跨平台桌面开源项目

分享15个基于Vue3.0全家桶的优秀开源项目

盘点12个优秀的微信小程序开源项目

推荐19个Github热门的TypeScript学习宝库及项目

11个值得推荐的前端性能测试工具

38个不可错过的实用前端工具

推荐 10 款常用的富文本编辑器

Github上推荐8个很棒的React项目

强烈推荐33个 GitHub 前端学习资源

推荐10个基于Vue3.0全家桶的优秀开源项目

全文大纲：

• nideshop-mini-program：NideShop商城微信小程序
• hioshop-miniprogram：海风小店微信小程序商城
• wepy-mall：积分+现金商城微信小程序
• remove-water-mark-mp：短视频去水印小帮手-微信小程序
• FecMall：B2C商城，支持移动端vue, app, html5，微信小程序微店，微信小程序商城等
• Rainbow-Cats-Personal-WeChat-MiniProgram：脱单的微信小程序

nideshop-mini-program

Github：https://github.com/tumobi/nideshop-mini-program

nideshop-mini-program 界面高仿网易严选商城，功能和数据库参考ecshop，服务端api基于Ｎode.js+ThinkJS+MySQL值得推荐。Vue.js的后台管理系统、PC版、Ｗap版，其具有以下功能：

• 首页
• 分类首页、分类商品、新品首发、人气推荐商品页面
• 商品详情页面，包含加入购物车、收藏商品、商品评论功能
• 搜索功能
• 专题功能
• 品牌功能
• 完整的购物流程，商品的加入、编辑、删除、批量选择，收货地址的选择，下单支付
• 会员中心（订单、收藏、足迹、收货地址、意见反馈）

如下图：

言

HBuilderX，DCloud推出的一款HTML5的Web开发工具，软件体积小，启动快。

uni-app，一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

准备IDE HBuilderX，下载地址：https://www.dcloud.io/hbuilderx.html，当前的使用的版本是：HBuilder X 3.5.3。

创建过程

1、菜单：文件->新建->项目

2、填写项目名称及存储路径，选择对应的模板

3、修改项目文件：hello\pages\index.vue

<template>
	<view class="container">
		<view class="intro">HelloWorld~</view>
		<text class="intro">佚名今人</text>
	</view>
</template>

4、运行项目

注： 第一次运行会自动安装插件~

5、预览运行效果