很多人想修改前端，但又不会代码，所以这里做个简易的教程。 （ps:是不是合伙人我们都不帮忙修改前端） ## 1、导入开发者工具 第一步很简单，直接参照教程《[手动上传小程序](https://www.kancloud.cn/taonote/heiheliebian/1564821)》 ## 2、修改前端 **想要删除或修改某个模块** 先点击开发者工具上的这个箭头  然后将鼠标指向你想要修改或删除的模块，就会自动定位到右侧代码区域  然后双击代码区域，即可选中部分代码，随便复制一段（尽量复制长一点） 当然，双击之后，你也可以直接修改这里面的文字，左边可以实时预览你修改后的效果 但这仅仅是预览效果，一刷新就恢复原样了  选择**编辑-全局搜索**  搜索结果**双击**  双击之后就可以进入代码编辑模式，然后想要删除该模块，就直接将整块view删除（保存预览一下，删错了没事，ctrl+z撤销上一步，重新试下就好了），如果想修改文字，或增加模块，直接修改增加，后保存，即可生效  如果想要修改底部导航，直接在app.json文件里面修改或删除整个花括号部分即可  **修改样式** 如果想要修改样式，比如我想将这块背景色改成其他颜色   直接修改这里的style模块里的background后面的属性即可预览，其他每个参数的作用就是英文的意思。 比如上图中的width就是宽度的意思，border-radius就是圆角的意思，margin-top就是顶部距离上一个模块有多远等等。 如果实在不懂，也可以直接把这个单词放百度搜一下就有详细的解释，或者随便改下试试，比如把22改成55，然后看看左边的有什么变化就知道这个参数是干什么的了。 但这仅仅是预览效果，刷新后就返回原样了，也无需还怕改错了改乱了，想要修改生效，点击最右侧这个文件路径，即可进入文件编辑模式，修改后保存即可生效 这里不仅可以修改背景颜色，比如你想修改模块大小，文字颜色，文字大小等所有，都在这里修改  具体可学习下html，css，非常简单，随便学习2小时就大概知道怎么个玩法了 [https://www.w3school.com.cn/html/index.asp](https://www.w3school.com.cn/html/index.asp) [https://www.w3school.com.cn/css/index.asp](https://www.w3school.com.cn/css/index.asp)