1、安装VsCode

进入官网 https://code.visualstudio.com/
下载成功后,点击安装,本软件为免费软件,安装完成后可直接双击开启软件。
网站开发(三)VSCode配置Vue环境
安装成功后打开软件界面如下:网站开发(三)VSCode配置Vue环境

2、配置VSCode

2.1配置语言

点击商店,在搜索栏中输入Chinese,会搜索到很多插件,选择安装如图所示语言插件。完成后重启软件。
网站开发(三)VSCode配置Vue环境
重启后,软件界面如下:网站开发(三)VSCode配置Vue环境

2.2安装扩展工具

常规使用的扩展工具有:vetur、Prettier - Code formatter和ESLint,如图:网站开发(三)VSCode配置Vue环境
在安装标签自动补齐插件Auto Close Tag和标签自动重命名插件Auto Rename Tag
网站开发(三)VSCode配置Vue环境

3运行程序

选择文件->打开文件夹(选择VUE项目文件夹)
网站开发(三)VSCode配置Vue环境
选择终端->运行程序
网站开发(三)VSCode配置Vue环境
选择npm:dev
网站开发(三)VSCode配置Vue环境

进行编译
网站开发(三)VSCode配置Vue环境
编译完成后Ctrl+鼠标点击链接打开网站,如图:网站开发(三)VSCode配置Vue环境
网站开发(三)VSCode配置Vue环境

相关文章:

  • 2021-05-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-07
  • 2021-06-22
猜你喜欢
  • 2022-12-23
  • 2021-09-26
  • 2021-12-19
  • 2021-10-19
  • 2021-06-10
  • 2021-04-26
相关资源
相似解决方案