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天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
10 4
|
18天前
|
Ubuntu Linux 编译器
Linux/Ubuntu下使用VS Code配置C/C++项目环境调用OpenCV
通过以上步骤,您已经成功在Ubuntu系统下的VS Code中配置了C/C++项目环境,并能够调用OpenCV库进行开发。请确保每一步都按照您的系统实际情况进行适当调整。
165 3
|
6月前
|
Python
新手向 Python:VsCode环境下Manim配置
该文介绍了如何准备和配置开发环境以使用Manim,主要包括两个步骤:一是准备工作,需要下载并安装VsCode和Anaconda,其中Anaconda需添加到系统PATH环境变量,并通过清华镜像源配置;二是配置环境,VsCode中安装中文插件和Python扩展,激活并配置虚拟环境。最后,安装ffmpeg和manim,通过VsCode运行测试代码验证配置成功。
324 1
|
3月前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
2月前
|
JSON 数据格式
vscode配置latex
本文档介绍如何在VSCode中配置LaTeX环境。首先需安装texlive和VSCode,并提前安装SumatraPDF以查看PDF文件。配置包括设置自动编译、PDF预览程序及正反向搜索等。提供了详细的`settings.json`配置示例,涵盖不同操作系统下的编译选项与方案。此外,还介绍了如何配置SumatraPDF实现与VSCode的跳转功能,以及相关快捷键的使用方法。
|
3月前
|
NoSQL 编译器 C语言
VSCode配置配置C++环境
VSCode配置配置C++环境
85 1
|
3月前
|
Dart
Flutter笔记:手动配置VSCode中Dart代码自动格式化
Flutter笔记:手动配置VSCode中Dart代码自动格式化
377 5
|
3月前
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
407 0
|
4月前
|
缓存
如何彻底卸载VSCode及其原来的插件配置缓存
如何彻底卸载VSCode及其原来的插件配置缓存
414 0
|
5月前
cocos creator+vscode安装及配置介绍
cocos creator+vscode安装及配置介绍
199 0