因为不知名的原因（手速太慢？没有技巧？脑子打结？脑回路过长？）
我的编码速度远远不及我能干的同事们（难道因为他们都是男孩子吗？）
所以痛定思痛，我决定善用代码块！（好像同时也能规范编码流程..）
希望可以节省我的时间！提高我的速度！
成为一个高效的工具人，创造超额的剩余价值，以便老板挣得更多，顺便给我涨涨工资！
（一只工具人的梦想～ ）js部分 （从代码块可以看出 我就是个搬砖的工具人..）
而且实在是过于懒惰，所以关键字都是三个字母并且一下子能被系统推荐为第一位的！
也不算很多，一时之间想不起来！往后做工具人的路还很长～慢慢积累吧...
{
// 对于 初始化vue的补充 还有uni-app使用的补充
// -vcc vue created
"Vue created": {
"body": [
"created (){",
"\t$1",
"}"
],
"prefix": "vcc",
// 这个属性可以在对象里进行提示 例如 methods export default 都是对象
"scope": "vue.property.js"
},
// -vmm vue mounted
"Vue mounted": {
"body": [
"mounted (){",
"\t$1",
"}"
],
"prefix": "vmm",
"scope": "vue.property.js"
},
// -ull onload
"Uni onLoad": {
"body": [
"onLoad (e){",
"\t$1",
"}"
],
"prefix": "ull",
"scope": "vue.property.js"
},
// -uss onshow
"Uni onShow": {
"body": [
"onShow (){",
"\t$1",
"}"
],
"prefix": "uss",
"scope": "vue.property.js"
},
// 基本书写习惯使用
// -iff if ... else
"^^iff": {
"body": [
"if ($1) {",
"\t$2",
"} else{",
"\t$0",
"}"
],
"prefix": "iff"
},
// -coo 打印
"^^console.log": {
"body": [
"console.log($1)"
],
"prefix": "col"
},
// -foo 普通for循环
"^^for.i": {
"body": [
"for (var i = 0; i < ${1:nums}.length; i++) {",
"\t${2:nums[i]}",
"}"
],
"prefix": "foo"
},
// -fuu 普通函数
"^^ function": {
"body": [
"// ${1:初始化方法}",
"${2:name} ($3){",
"\tconsole.log('$1')",
"\t$4",
"}"
],
"prefix": "fuu",
"scope": "object.property.js"
},
// -jj 箭头函数
"^^()=>": {
"body": [
"(${1:res})=>{",
"\t$2",
"}"
],
"prefix": "jj"
},
// -ll 模板语句
"^^`${}`": {
"body": [
"let tem = `${1:params}`"
],
"prefix": "ll"
},
// 项目使用 对接口的时候！
// 发送一个请求
"^^post": {
"body": [
"// post ${1:请求数据}",
"console.log('$1');",
"uni.showLoading();",
"${2:requestData}({",
"\t$3",
"},",
"res => {",
"\tif (res.code == 1) {",
"\t\t$4",
"\t} else {",
"\t\tuni.showToast(res.msg)",
"\t}",
"\tuni.hideLoading();",
"});"
],
"prefix": "opp"
}
}
css只写了一个，以后也许可以根据主题色不同、字体不同、写相对应的！
{
"^^ common_css": {
"prefix": "ucommoncss",
"body": [
".${1:style_name} {",
"width: ${2}upx;",
"height: ${3}upx;",
"padding: ${4}upx ${5}upx;",
"margin: ${6}upx ${7}upx;",
"border: 2upx solide color_ffffff;",
"border-radius: 4upx;",
"background-color: color_ffffff;",
"font-size: @font_28",
"font-weight: 400",
"color: color_ffffff;",
"}"
],
"triggerAssist": true,
"scope": "CSS_OUTRULE"
}
}html
第一时间就是想起来那个v-for 和 :key 真是写的手都烂了！
然后发现官方有.. 而且还蛮好用～～～
输入 vf 就能有 div包裹的for循环
输入 vif 就能有 view包裹的for循环
输入 vm 就能有带v-model的input标签..
之前做了好多傻事啊～ 真就一块一块搬砖！但还是想到了一个，过两天要替换语言包，手抽筋的活～ （因为之前傻乎乎，都是手写的！）
但是 `$`符号不能包括在代码块里面，所以先用`-@`代替，再利用编辑器全局替换功能就好了，还是可以用的～～～
{
// 替换语言包的时候使用
"^^ $t": {
"prefix": "tt",
"body": [
"{{-@t(index.${1:name})}}"
],
"scope": "source.vue.html"
}
}
// 后来我写了一个自动替换的脚本 以后用不上了 链接 https://juejin.cn/post/6844904168205844487希望自己的编码速度能快点了！
