前端学习笔记-拾漏补缺

sublime text汉化

comman+shift+P
搜索package control
请添加图片描述
请添加图片描述
点击
请添加图片描述
请添加图片描述
点击install Package
请添加图片描述
安装成功后出现搜索框
请添加图片描述
搜索chinese,选择第一个>ChineseLocalizations
安装成功后,help下出现language,并可以切换语言。
请添加图片描述
修改默认字体样式
Preference>setting>
请添加图片描述

安装emmet插件

可以快捷生成html骨架
与汉化步骤一样,Peference>Package Control>install Package>emmet
请添加图片描述
会出现错误。
需要在Peference>Package Setting>Package Control>Setting
中的User中增加以下代码:

	"debug": true,
	"downloader_precedence":
	{
		"linux":["curl","urllib","wget"],
		"osx":["curl","urllib"],
		"windows":["wininet"]
	},

请添加图片描述

重复上面步骤,搜索emmet,出现以下文字则安装成功。
请添加图片描述
右下角先修改语言为HTML,在文本中输入英文!,然后再按tab键,则会自动补齐语句。
请添加图片描述

块元素 p、div、
行元素span

图片素材

千图网,需要PS抠图
站长素材,现成小图标

wechat-applet

{
    "pages": [
        "pages/index/index",
        "pages/shop/shop",
        "pages/mine/mine"
    ],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#000000",
        "navigationBarTitleText": "首页",
        "navigationBarTextStyle": "white"
    },
    "tabBar": {
        "list": [{
            "pagePath": "pages/index/index",
            "text": "首页",
            "iconPath": "images/images/index.png",
            "selectedIconPath": "images/images/indexs.png"
        },
        {
            "pagePath": "pages/shop/shop",
            "text": "购物车",
            "iconPath": "images/images/shop.png",
            "selectedIconPath": "images/images/shops.png"
        },
        {
            "pagePath": "pages/mine/mine",
            "text": "我的",
            "iconPath": "images/images/mine.png",
            "selectedIconPath": "images/images/mines.png"
        }
    ]
    },
    "sitemapLocation": "sitemap.json"
}

正则

在线正则匹配工具1
在线正则匹配工具2
正则匹配软件:McTracer

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值