vs code 常用配置

简介: vs code 配置

插件
vue-helper:vue函数跳转
intellij-idea-keybindings:webstorm 快捷键
vetur:vue官方插件
chinese:菜单中文插件
Auto Close Tag:自动关闭标签
Auto Import:自动导入
Auto Rename Tag:自动更改结束标签名称
IntelliJ IDEA Keybindings:idea快捷键(部分不一致)
JetBrains Icon Theme:idea(webstorm)主题

代码片段(uni-app)

{
    "Print to console": {
        "prefix": "uniapp-component",
        "body": [
            "<template>",
            "    <view class=\"componentBox\">\n",
            "    </view>",
            "</template>\n",
            "<script>",
            "/**",
            " * @author: 1580043700@qq.com - Zhang Jun",
            " * @date: $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE",
            " * @description: ${1}",
            " */\n",
            "export default {",
            "    components: {},",
            "    props: {",
            "        data: Object,",
            "    },",
            "    data() {",
            "        return {};",
            "    },",
            "    computed: {},",
            "    methods: {},",
            "    created() {},",
            "    mounted() {},",
            "    destroyed() {},",
            "};",
            "</script>\n",
            "<style scoped lang=\"scss\">\n",
            ".componentBox {}",
            "</style>\n",
        ],
        "description": "Create uniapp template"
    }
}

{
    "Print to console": {
        "prefix": "uniapp-page",
        "body": [
            "<template>",
            "    <view class=\"pageBox\">\n",
            "    </view>",
            "</template>\n",
            "<script>",
            "/**",
            " * @author: 1580043700@qq.com - Zhang Jun",
            " * @date: $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE",
            " * @description: ",
            " */\n",
            "export default {",
            "    name: \"$TM_FILENAME${1}\",",
            "    components: {},",
            "    data() {",
            "        return {};",
            "    },",
            "    computed: {},",
            "    methods: {",
            "        initPageData(){\n",
            "        },",
            "    },",
            "    onLoad(option){",
            "        this.initPageData();",
            "    },",
            "    onShow() {},",
            "    onReady() {},",
            "    onPullDownRefresh() {},",
            "    onReachBottom() {},",
            "    onUnload() {},",
            "};",
            "</script>\n",
            "<style scoped lang=\"scss\">",
            ".pageBox {\n",
            "}",
            "</style>\n",
        ],
        "description": "Create uniapp template"
    }
}
目录
相关文章
|
1月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
|
1月前
|
人工智能 NoSQL 机器人
【C++】VS code如何配置使用C++(手把手教学)
【C++】VS code如何配置使用C++(手把手教学)
|
1月前
|
编译器 开发工具 C语言
vscode安装+配置+使用+调试【保姆级教程】
vscode安装+配置+使用+调试【保姆级教程】
304 4
|
2月前
|
前端开发
|
2月前
配置vscode
配置vscode
25 4
|
3月前
|
前端开发 JavaScript Windows
前端秘法引言(配置vscode, 以及html的基础)
前端秘法引言(配置vscode, 以及html的基础)
175 0
|
3月前
|
C语言 C++
VScode中C++多文件编译运行问题(使用code runner配置)
VScode中C++多文件编译运行问题(使用code runner配置)
|
4月前
|
编译器 测试技术 C语言
vscode+CMakeLists+mingw配置Opencv4.5.5
vscode+CMakeLists+mingw配置Opencv4.5.5
219 0
|
4月前
|
Linux C++
vscode中配置cmake及debug使用
vscode中配置cmake及debug使用
277 0
|
4月前
|
机器学习/深度学习 人工智能 PyTorch
VScode配置深度学习环境python+conda
VScode配置深度学习环境python+conda
285 0