vscode 小要点
2019-07-23 本文已影响0人
璎珞纨澜
vscode-更换图标主题 VSCode Icons
语法高亮插件 vetur
vscode 自定义 html 的 vue 代码段：
-
按F1或ctrl+shift+p打开命令窗口，输入snippet，选择 “首选项：打开用户代码段” 或者通过以下方式打开：
image.png
- 输入html，点击打开 html.json 设置文件
- 在 html.json 文件中粘贴
"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="node_modules/vue/dist/vue.js"></script>",
"</head>",
"",
"<body>",
" <div id="app"></div>",
" <script>",
" var vm=new Vue({",
" el:'#app',",
" data:{},",
" methods:{}",
" });",
" </script>",
"</body>",
"",
"</html>",
],
"description": "vh components"
}
- 保存文件，打开任意 html 类型文件，输入“vh”，按下 tab 快速生成代码段。
