vscode快速新建vue模板
第一步: 新建模板并保存
文件 ==> 首选项 ==> 用户代码片段 ==> 输入 vue
,选择 vue.json
==> 编辑vue.json文件如下:
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"\">\n",
" </div>",
"</template>\n",
"<script type=\"text/ecmascript-6\">",
"export default {",
" data () {",
" return {}",
" },",
" created () { },",
" mounted () { },",
" methods: {},",
" components: {}",
"}",
"</script>\n",
"<style lang=\"scss\" scoped>",
"</style>",
"$2"
],
"description": "Log output to console"
}
}
第二步: 添加配置
打开命令面板(Ctrl+Shift+P)
,搜索settings.json
,打开首选项:打开设置(json)
,如下图:
新增这2项:
// 让vscode允许自定义的代码片段提示出来
"editor.snippetSuggestions": "top",
"editor.formatOnPaste": true,
第三步: 测试是否添加成功
新建vue文件,输入vue
,按下tab
键即可,效果如下
本文作者:猫老板的豆
本文链接:https://www.cnblogs.com/bingcola/p/16499230.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步