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"
    }
}
目录
相关文章
|
4月前
|
Python
新手向 Python:VsCode环境下Manim配置
该文介绍了如何准备和配置开发环境以使用Manim,主要包括两个步骤:一是准备工作,需要下载并安装VsCode和Anaconda,其中Anaconda需添加到系统PATH环境变量,并通过清华镜像源配置;二是配置环境,VsCode中安装中文插件和Python扩展,激活并配置虚拟环境。最后,安装ffmpeg和manim,通过VsCode运行测试代码验证配置成功。
153 1
|
14天前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
27天前
|
NoSQL 编译器 C语言
VSCode配置配置C++环境
VSCode配置配置C++环境
48 1
|
1月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
64 5
|
20天前
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
77 0
|
2月前
|
缓存
如何彻底卸载VSCode及其原来的插件配置缓存
如何彻底卸载VSCode及其原来的插件配置缓存
242 0
|
3月前
cocos creator+vscode安装及配置介绍
cocos creator+vscode安装及配置介绍
148 0
|
4月前
|
C++
VS code debug c代码 配置
VS code debug c代码 配置
41 0
|
4月前
|
编译器 开发工具 C语言
vscode安装+配置+使用+调试【保姆级教程】
vscode安装+配置+使用+调试【保姆级教程】
6538 5
|
4月前
|
编译器 测试技术 C语言
VScode配置C环境概要
VScode配置C环境概要
42 0