vs code 新建代码片段 路由基础代码
0 / 0 / 创建于 5年前 /
September 的个人博客
vs code 新建代码片段 路由基础代码
当学习vue 的每个知识点时，需要每次都创建一个新的vue基础代码，然后使用vscode 的代码片段，就不用每次复制代码了 肥肠的方便
- 打开vscode
- 点击菜单code =》 首选项 =》用户代码片段
- 选择 新建全局代码片段,将下面代码复制进去，保存，关闭
- 以后新建html文件后，输入vr 敲tab键即可粘贴出代码
* 默认引入了bootstrap{ "路由基础代码": { "prefix": "vr", // 触发的关键字 输入vr按下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\">", " <script src=\"https://unpkg.com/vue-router/dist/vue-router.js\"></script>", "</head>", "<body>", " <div id=\"app\"><router-view></router-view></div>", " <script>", "let login = {template:'<h1>login</h1>'}", "let register = {template:'<h1>register</h1>'}", "const router = new VueRouter({routes:[{path:'/login',component:login},{path:'/register',component:register}]})", " var vm=new Vue({", " el:'#app',", " data:{},", " methods:{},", " router", " });", " Vue.config.devtools = true", " </script>", "</body>", "</html>", ], "description": "路由基础代码" }
}
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号