Vue开发工具(vscode)

vscode简介
VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对
JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,
代码智能提示补全、Emmet插件等。
VSCode推荐一个项目以文件夹的方式打开。
vscode安装

1.官网下载:https://code.visualstudio.com/Download.
在这里插入图片描述
2.下载的安装包,进入安装向导界面;点击下一步

在这里插入图片描述
3.进入许可协议,点击“我接受协议”选项,点击下一步
在这里插入图片描述
4.自定义安装路径,选择合适的目录后继续点击下一步
在这里插入图片描述
5.点击下一步
在这里插入图片描述
6.进入选择其他任务界面,默认已经勾选了必要的任务,这里尽量不要修改默认的,同时也可以创建快捷方式(勾选“其他”中的第一选项),继续点击下一步
在这里插入图片描述
7.直接点击安装
在这里插入图片描述

vscode插件(以安装Vetur插件为例)

1.进入vscode官网插件商店,搜索Vetur插件:https://marketplace.visualstudio.com/VSCode
在这里插入图片描述
2.点击install,会启动vscode
在这里插入图片描述
3.点击install即可
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Vue开发,以下是一些常用的VSCode插件: 1. Vetur: 这是一个专门为Vue开发提供支持的插件,它提供了语法高亮、代码片段、自动补全、错误检查等功能。 2. Vue Peek: 这个插件可以让你在Vue文件中快速跳转到相关的组件、指令、过滤器等定义处,方便快速导航代码。 3. ESLint: 这是一个非常有用的代码规范检查工具,它可以帮助你保持代码的一致性和可读性。在Vue开发中,你可以使用eslint-plugin-vue插件来检查Vue特定的代码规范。 4. GitLens: 这个插件可以让你更方便地查看代码的最近修改记录和作者信息,以及在代码中显示行级别的git注解。 5. Auto Close Tag: 这个插件可以自动为你关闭HTML和Vue标签,节省你手动输入的时间。 6. Bracket Pair Colorizer: 这个插件可以给代码中的括号添加不同的颜色,方便你识别匹配的括号。 除了上述插件,还有许多其他的插件可供选择,具体插件的选择与个人偏好有关。 请记住,安装过多的插件可能会导致VSCode的性能下降,因此选择那些真正对你的开发流程有帮助的插件是很重要的。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vscode (Visual Studio Code) 常用插件,编辑vue项目时必备!提高开发效率最低要求的8款插件](https://blog.csdn.net/Calvin_qiang/article/details/119808562)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值