6Vue----------------VSCode编译器--网页开发工具------------------全栈式开发47

一、VSCode插件安装

  • 后面开发 Vue项目,使用.vue的单文件开发,就需要一些插件来帮我们识别.vue文件。插件安装在 Extension 中,点开即可看到一个搜索按钮,可以输入关键字搜索自己想要的插件。
  • 这里我们开发 Vue 推荐的几个插件:
    • jshint:js代码规范检查。
    • Beautify:一键美化代码的插件。
    • Vetur:.vue文件识别插件。
    • Javascript(ES6) code snippets:ES6语法提示。
    • Auto Rename Tag:自动重命名标签。标签都是成对出现的,开始标签修改了,结束标签也会跟着修改。
    • Auto Close Tag:自动闭合标签。针对一些非标准的标签,这个插件还是很有用的。
    • vue helper:一些Vue代码的快捷代码。
    • vscode-icons:可选。提供了很多类型的文件夹icon,不同类型的文件夹使用不同的icon,会让文件查找更直观。
    • open in browser:可选。右键可以选择在默认浏览器中打开当前网页。

二、快捷键

  • 快速生成标准的 html 代码:第一行输入 !按tab键
  • 在浏览器中查看HTML页面:Alt+B
  • vnew 按tab 创建vue对象
  • div# 按tab 生成div标签含有id属性、 div. 按tab 生成div标签含有class属性
  • Ctrl + F 查询 、Ctrl + H 替换
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

洋芋本人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值