前端环境搭建:前端主流编辑器VSCode安装及常用Vue插件安装配置

本文介绍了前端开发中常用的编辑器VSCode,详细讲解了其安装过程,如何设置中文环境,并重点阐述了在VSCode中初次打开Vue项目时推荐安装的Vetur、ESlint、Vue 2 Snippets等插件,以提升开发效率和代码质量。
摘要由CSDN通过智能技术生成
前端编辑器

​ vscode:免费开源的现代化轻量级代码编辑器,支持大部分主流的开发语言的语法高亮、智能代码补 全、自定义热键、代码对比 Diff、GIT 等特性,支持插件扩展,软件跨平台支持 Win、Mac 以及 Linux

  • 其他编辑器:sublime、hbuilder、webstorm

  • vscode安装地址:https://code.visualstudio.com/Download

    直接下载安装,然后配置安装路径就OK了

  • 设置为中文语言环境,这里需要使用快捷键来实现 win:【Ctrl+Shift+P】 mac:【Command+Shift+P】

    在弹出的搜索框中输入【configure language】,然后选择搜索出来的【Configure Display Language】

    Window系统 参考文档 https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html
    在这里插入图片描述

或在上图中商店中搜索Chinese(Simplied) Lang,安装重启即可。

vecode初次打开vue项目,推荐安装

Step1:vetur插件:vue文件基本语法的高亮插件

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值