vscode⽣成vue模板快捷键_VSCode-快速⽣成vue模版
在项⽬中遇到的问题，记录下来，⽅便⽇后查阅和复习
什么是VSCode？
Visual Studio Code(以下简称VSCode)是⼀个轻量且强⼤的代码编辑器，⽀持Windows，OSX和Linux。内置JavaScript、TypeScript 和Node.js⽀持，⽽且拥有丰富的插件⽣态系统，可通过安装插件来⽀持C++、C#、Python、PHP等其他语⾔官⽹下载地址，对我来说感觉这是前端最好⽤的编辑器啦，很多插件应有尽有。
接下来就进⼊到正题了。。。
1、安装⼀个插件，识别vue⽂件
插件库中搜索Vetur，点击安装，安装完成之后点击重新加载，即可使⽤
2、新建代码⽚段
mac的步骤如下，由于我安装了转中⽂插件，所以接下来会是中⽂的：
code -> ⾸选项 -> ⽤户代码⽚段 -> (新建代码⽚段取名vue.json)
新建代码⽚段这块可以直接往下就能到vscode上带的vue.json
vuejson.png
3、在vue.json⾥写下⾃⼰想要⽣成的vue模版
{
"Print to console": {
vuejson转对象"prefix": "vue",
"body": [
"",
"",
"
"",
"",
"
"export default {",
"data() {",
"return {",
"",
"}",
"},",
"//⽣命周期 - 创建完成(访问当前this实例)",
"created() {",
"",
"},",
"//⽣命周期 - 挂载完成(访问DOM元素)",
"mounted() {",
"",
"}",
"}",
"",
"
"/* @import url(); 引⼊css类 */",
"$4",
""
],
"description": "Log output to console"
}
}
4、粘贴以上代码复制到vue.json⾥效果如下
此处说明⼀下："prefix": "vue", 就是快捷键，(vue名称可随意修改)新建vue⽂件，输⼊vue 按键盘的tab件⽣成vue模版
image.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。