安装vscode以及vue必备插件

安装vscode以及vue必备插件

安装vscode

  • 1：进入下载地址：

vscode下载地址

  • 2：点击下载：

在这里插入图片描述

  • 3：开始安装：（一直下一步即可）

在这里插入图片描述在这里插入图片描述

安装插件

  • 1：安装《Auto Close Tag》插件：
    • 自动补全html 标签

在这里插入图片描述在这里插入图片描述

  • 2：安装《Auto Rename Tag》插件：
    • 修改 html 标签，自动帮你完成尾部闭合标签的同步修改

在这里插入图片描述

  • 3：安装《Path Intellisense》插件：
    • 智能路径提示，可以在你输入文件路径时智能提示

在这里插入图片描述

  • 4：安装《Open in Browser》插件：
    • 这个插件能让你从 vscode 打开 html 文件，并且可以自由选择用哪个浏览器打开

在这里插入图片描述

  • 5：安装《Live Server》插件：
    • 在 vscode 中就可以直接启动一个本地服务，并且能监听文件变化自动刷新网页

在这里插入图片描述

  • 6：安装《Visual Studio IntelliCode》插件：
    • 微软推出的一款代码智能提示插件，和别的插件不同的是，采用的是 AI 技术，吸收了 github 上成千上万的优秀代码，还会结合你日常的编码习惯不断学习进化

在这里插入图片描述

  • 7：安装《Vetur》插件：
    • vue 开发必备插件，vue 文件支持，语法高亮、智能提示

在这里插入图片描述

  • 8：安装《One Dark Pro》插件：
    • 好看 vscode 的主题

在这里插入图片描述

  • 9：安装《Chinese （Simplified）Language Pack for Visual Studio Code》插件：
    • 中文插件

在这里插入图片描述