VsCode 打造 Vue 开发环境

文章目录

• • • 1. 项目导入与初始化
      • 2. VsCode 界面优化及扩展插件安装
      • • 2.1 Vetur 插件用于实现 Vue 语法高亮功能
    • 2.2 vue2 snippets 插件提供代码片段提示支持
    • 2.3 Auto Close Tag 插件可自动完成标签闭合操作
    • 2.4 Auto Rename Tag 插件实现标签对的同步重命名功能
    • 2.5 background 插件用于设置个性化背景图片
    • 2.6 css 样式格式化插件提升样式代码的可读性与规范性

在后续的工作安排中，计划采用 VsCode（Visual Studio Code）作为 Vue 开发环境，其官方下载链接为： `https://code.visualstudio.com/download``

1. 项目导入和初始化

通过在命令行中执行相关指令，可以生成 Vue 项目并将其导入至 vscode 编辑器中，同时亦可选择在 Powershell 环境下直接进行项目的创建操作。

    vue init webpack  vuetest
    
    
      
    

将该项目导入至VsCode环境中

![在这里插入图