网站开发(三)VSCode配置Vue环境

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+鼠标点击链接打开网站,如图:在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zhangshuanlai/article/details/87712086