首页 > 其他分享 >安装VScode

安装VScode

时间:2022-12-19 19:33:31浏览次数:52  
标签:插件 vue VScode 支持 Vetur Path 安装

五 安装VS Code

Visual Studio Code,简称VS Code,是一种简化且高效的代码编辑器,同时支持诸如调试,任务执行和版本管理之类的开发操作。它的目标是提供一种快速的编码编译调试工具。

优势:
支持多种语言的编写,前后端都可以用
插件多
跨平台
启动速度快
免费
....

1.下载路径

​https://code.visualstudio.com/​

安装VScode_Code

2.安装步骤

安装VScode_编译调试_02

安装VScode_编译调试_03

安装VScode_Vue_04

安装后界面如下:

安装VScode_Vue_05

3.配置

3.1 安装中文简体VSCode插件

安装VScode_Code_06

安装VScode_Vue_07

安装VScode_Vue_08

3.2安装Vetur插件

Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript

安装VScode_Vue_09

安装前:

安装VScode_Code_10

安装后:

安装VScode_编译调试_11

3.3 安装vue vscode snippets

vue语法提示,加强vue的便捷写法

安装VScode_编译调试_12

3.4 安装Auto Close Tag

自动闭合标签

安装VScode_Code_13

3.5 安装 Bracket Pair Colorizer

对括号进行着色,方便区分

安装VScode_编译调试_14

3.6 安装 Copy Relative Path

用于复制文件的完整路径和相对路径

安装VScode_Code_15

安装后:

安装VScode_Code_16

3.7 安装Path Intellisense

路径自动感知,在配置文件中配置`@`后我们就可以很方便快捷的引用各种文件了

安装VScode_Vue_17

安装后:

安装VScode_编译调试_18

3.8 安装Vue Peek

用于Vue快速查看组件定义以及组件跳转

安装VScode_编译调试_19

安装后:

安装VScode_Vue_20

3.9 安装vscode-element-helper

针对 Element 标签的属性以及方法进行区分,并且提供自动补全提示。

安装VScode_编译调试_21

标签:插件,vue,VScode,支持,Vetur,Path,安装
From: https://blog.51cto.com/u_15707781/5953734

相关文章

  • 安装VScode
    五安装VSCodeVisualStudioCode,简称VSCode,是一种简化且高效的代码编辑器,同时支持诸如调试,任务执行和版本管理之类的开发操作。它的目标是提供一种快速的编码编译调......
  • GIT安装GUI
    官方git下载地址:https://git-scm.com/downloads1、查看git版本git--version2、配置全部信息gitconfig--globaluser.nametuboshugitconfig--globaluser.email......
  • ShareSDK 安装教程
    一、ShareSDK简介 ShareSDK是一种社会化分享组件,为iOS、Android、WP8的APP提供社会化功能,集成了一些常用的类库和接口,缩短开发者的开发时间,还有社会化统计分析管理后台。S......
  • KVM下安装操作系统
    本文假设已安装完成kvm,如果未安装。KVM安装查看文章来源,翻译自http://www.linux-kvm.org/page/HOWTO1为用户创建系统空间/usr/local/kvm/bin/qemu-imgcreate-fqcow2vdis......
  • 自己制作程序安装文件
    网站完成后,需要部署到目标机器上,方法有很多,直接把文件Copy到目标机器上,执行SQL脚本,配置IIS,这样可以做到;也可以使用InstallShield这样到专业制作软件来打包。本篇文章是使......
  • linux(Ubuntu)安装QQ2013
    首先简述自己的系统配置:win7+ubuntu12.04linuxQQ有各种版本,这里介绍两种:linuxQQ和wineQQ 1------linuxqq是QQ简化版,功能很少,界面很差,但是安装简单     下载地......
  • ubuntu常用软件包deb的安装与卸载
     【更详细得教程,以及获取软件包,关注公众号 木石说:mushiwords。回复‘ubuntu’ 关键字即可免积分免费获取Ubuntu下软件包列表】。Ubuntu下的软件管理主要使用的是apt-g......
  • QT在windows下的安装与配置
    先了解Qt:        Qt一直以来,分为商业、开源两个版本,商业版本为用户提供了二级制的动态库,直接安装既可以使用,但是需要花钱购买license,而开源版本则遵守GPL协议,提供......
  • 基于KubeSphere玩转k8s安装手册
    基于KubeSphere玩转k8s-KubeSphere安装手记KubeSphereKubernetes 转自  Githubhttps://github.com/devops/z-notes 1.本文简介本文是基于KubeSphere玩转k8s的开......
  • 【Django之Django REST Framework框架安装+Django之ORM框架】
    【Django之DjangoRESTFramework框架安装】一、简介它是在Django基础之上,进行了二次开发主要用于构建RestfulAPI简称为DRF框架或者RESTFramework框架二、特性提供了强大......