常见的安装比较大众化。今天我学到可跟之前用的编译工具不太一样
1、vscode和之前的编译工具不同之处是一些必须的功能呢需要自己安装插件必须代码提示和编译运行,
a、vscode运行html需要自己安装open in browser插件。
b、使用VUE智能提示需要Vue 2 Snippets插件
点击左边的图标,搜索open in browser,安装插件
2、设置模板。
将常用的代码结构做成模板,可以快捷使用
步骤:
1、
搜索html.json文件,打开,
我的模板设置如下:
{
"Html5-Vue":{
"prefix": "vue",
"body": [
"<!DOCTYPE html>",
"<html lang=\"zh-CN\">\n",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
"\t<title>Document</title>",
"\t<script src=\"vue.js\"></script>",
"</head>\n",
"<body>",
"\t<div id=\"app\">$1</div>\n",
"\t<script>",
"\t\tvar vm = new Vue({",
"\t\t\tel: '#app',",
"\t\t\tdata: {},",
"\t\t\tmethods: {}",
"\t\t});",
"\t</script>",
"</body>\n",
"</html>"
],
"description": "快速创建在html编写的vue模板"
}
}
注释:
“Html5-Vue”:模板名,自己取
“prefix” :打开模板的关键字,自己定义
“body”: [在这里面定义模板的内容,注意加引号]
“description”:智能提示时显示的内容
注意:打开html.json时,有一些注释,我必须覆盖注释才可以使用。应该是版本比较新的要这样。我看有的博主说不能覆盖注释,而且模板名字在最外面。我试了一下不行。可能因版本而异。
使用方法;
输入prefix的内容,出现智能提示,回车。
如