VSCode
一、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 替换