vs code 新建代码片段 vue 基础代码
0 / 0 / 创建于 5年前 /
September 的个人博客
使用vscode 新建vue的代码片段
当学习vue 的每个知识点时，需要每次都创建一个新的vue基础代码，然后使用vscode 的代码片段，就不用每次复制代码了 啦啦啦
- 打开vscode
- 点击菜单code =》 首选项 =》用户代码片段
- 选择 html.json,将下面代码复制进去，保存，关闭
- 以后新建html文件后，输入vh 敲tab键即可粘贴出代码
* 默认引入了bootstrap{ "vh": { "prefix": "vh", // 触发的关键字 输入vh按下tab键 "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "<head>", " <meta charset=\"UTF-8\">", " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">", " <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">", " <title>Document</title>", " <script src=\"https://cdn.jsdelivr.net/npm/vue\"></script>", " <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u\" crossorigin=\"anonymous\">", "</head>", "<body>", " <div id=\"app\"></div>", " <script>", " var vm=new Vue({", " el:'#app',", " data:{},", " methods:{}", " });", " Vue.config.devtools = true", " </script>", "</body>", "</html>", ], "description": "vh components" }
}
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号