Article Directory
development tools
vscode + applet development tool + git management
vscode plug-ins:
Supplement: vscode shortcut key:
https://blog.csdn.net/padluo/article/details/105153420
Frame construction
1. Create several folders
2. Delete default files
such as: log page, default app.js. logs and other folder contents
3. Create 13 new pages
vs. shortcut keys: wx-app:
vs column editing: Several shortcut keys:
ctrl + shift + alt + arrow keys: Enter column editing
ctrl+left button, jump to the end of the word (you can hold down shfit if you want to select)
ctrl+home/end, jump to the end of the line or the beginning of the line (to If you select it, you can hold down shfit at the same time)
Tips: Pay attention to separate words with spaces for easy processing
4. Introduce font icon iconfont
https://www.jianshu.com/p/17b5a1f12669
5. Set 4 tabbar
app.json
{
"pages":[
"pages/index/index",
"pages/category/category",
"pages/goods_list/goods_list",
"pages/goods_detail/goods_detail",
"pages/cart/cart",
"pages/collect/collect",
"pages/order/order",
"pages/search/search",
"pages/user/user",
"pages/feedback/feedback",
"pages/login/login",
"pages/auth/auth",
"pages/pay/pay"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "电商小项目",
"navigationBarTextStyle":"black"
},
"tabBar": {
"color": "#999",
"selectedColor": "#ff2d4a",
"backgroundColor": "#fafafa",
"borderStyle": "black",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "icons/home.png",
"selectedIconPath": "icons/home-o.png"
},
{
"pagePath": "pages/category/category",
"text": "分类",
"iconPath": "icons/category.png",
"selectedIconPath": "icons/category-o.png"
},
{
"pagePath": "pages/cart/cart",
"text": "购物车",
"iconPath": "icons/cart.png",
"selectedIconPath": "icons/cart-o.png"
},
{
"pagePath": "pages/user/user",
"text": "我的",
"iconPath": "icons/my.png",
"selectedIconPath": "icons/my-o.png"
}
]
},
"sitemapLocation": "sitemap.json"
}
The effect of all the above operations is as follows:
git code address:
https://github.com/hufanglei/pyg-demo/tree/day01
Finish