👋👋欢迎来到👋👋 🎩魔术之家!!🎩 该文章收录专栏 ✨-- 2022微信小程序京东商城实战 --✨ 专栏内容 ✨-- 京东商城uni-app项目搭建 --✨ ✨-- 京东商城uni-app 配置tabBar & 窗口样式 --✨ ✨-- 京东商城uni-app开发之分包配置 --✨ ✨-- 京东商城uni-app开发之轮播图 --✨ ✨-- 京东商城uni-app之分类导航区域 --✨ ✨-- 京东商城uni-app 首页楼层商品 --✨ ✨-- 京东商城uni-app 商品分类页面(上) --✨ ✨-- 京东商城uni-app 商品分类页面(下) --✨ ✨-- 京东商城uni-app之自定义搜索组件(上) --✨ ✨-- 京东商城uni-app之自定义搜索组件(中) --✨
从官方文档我们也可以看见,uni-app是使用vue.js开发的前端应有的框架,他的最大好处就是可以跨平台,这对于开发者来说无疑是优秀的。作为本次开发使用uni-app再好不过了
我们这里选择官方推荐HBuilderX 作为uni-app的开发编辑器
安装插件scss/sass 编译(便与编写代码,css样式的超集)
HBuilderX是有自己的一套快捷键的,此时可以设置为常用的vscode,也可以在设置页面设置字体大小,页面风格等。
建立好文件如下:
重要文件解读
🎏components – uni-app组件目录 🎏pages – 存放页面 🎏static – 静态资源,如图像,视频等 🎏App.vue– App的全局配置文件,生命周期函数等(在小程序中相当于把app.js分成了两个文件,关于app的配置,如生命周期等都在app.vue,其他则在main.js 🎏main.js – uni-app的入口文件 🎏 manifest(显示) – 配置应用信息(例如后面配置到小程序),logo等 🎏 pages.json – 页面的配置,页面路径,tabbar,页面窗口样式,可以看作小程序开发工具项目中的app.json
等待一段时间加载好后,他会自动打开小程序开发工具
配置成功,接下来就可以开始我们的项目了(注:在编辑器敲代码,不能再小程序开发工具敲代码)
发现的很不错的关于原生小程序的uni-app的区别的文章,建议可以先看看
注:需要安装git文件,安装配置以及入门掌握见(必看文章)
【Git】 安装&配置 常用命令 中文乱码 别名 回退与反回退 gitignore配置 练习题(超详)
/mode_modules
/unpackage/dist
重点!:
但是在git管理中,unpackeage的dist我们是不想跟踪的,但是unpackage我们是要跟踪的,此时unpackage只有一个dist文件,dist文件被忽略那么unpackage也会被忽略,所以我们要在unpackage中放一个占位的文件.gitkeep(没有任何作用,只做占位,让unpackage被git跟踪)
git init
git status
可以看到全部文件都没有加载到缓存区(红色警告)
git add .
加载成功
git commit -m "注释"
添加成功
建议看文章
【Git】 安装&配置 基础命令 中文乱码 别名 回退与反回退 gitignore配置 练习题 Git托管服务(超详)
连接仓库
git remote add origin git@gitee.com:你的域名/仓库名.git
git push -u origin "master"
上传成功,刷新一下页面
可以看到代码成功上传!
✨谢谢你的阅读,您的点赞和收藏就是我创造的最大动力!✨