网站开发（三）VSCode配置Vue环境

• Z时代
• 2024-01-10
• 分类：综合

目录

• 1、安装VsCode
• 2、配置VSCode

• 2.1配置语言
• 2.2安装扩展工具

• 3运行程序

1、安装VsCode

进入官网 https://code.visualstudio.com/

下载成功后，点击安装，本软件为免费软件，安装完成后可直接双击开启软件。

安装成功后打开软件界面如下：

2、配置VSCode

2.1配置语言

点击商店，在搜索栏中输入Chinese，会搜索到很多插件，选择安装如图所示语言插件。完成后重启软件。

重启后，软件界面如下：

2.2安装扩展工具

常规使用的扩展工具有：vetur、Prettier - Code formatter和ESLint，如图：

在安装标签自动补齐插件Auto Close Tag和标签自动重命名插件Auto Rename Tag

3运行程序

选择文件->打开文件夹（选择VUE项目文件夹）

选择终端->运行程序

选择npm:dev

进行编译

编译完成后Ctrl+鼠标点击链接打开网站，如图：

以上是 网站开发（三）VSCode配置Vue环境 的全部内容， 来源链接： utcz.com/z/376696.html