vue设置快速创建vue页面，手动添加vue页面模板

旧城等待， 2024-04-19 09:08 66阅读 0赞

在使用vue创建页面时，如果你想快速创建一个你喜欢的完整vue页面模板，就请手指动起来==>

1.首先在头部导航部分找到文件

文件(F)-->首选项-->文件代码片段-->(搜索)vue.json文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzdGVyaWFW_size_16_color_FFFFFF_t_70][]

然后在vue.json页面里添加以下代码（有需要可自行删改）：

{
    	"Print to console": {
    	  "prefix": "vue",
    	  "body": [
    		"",
    		"<template>",
    		"  <div></div>",
    		"</template>",
    		"",
    		"<script>",
    		"export default {",
    		"name:'',",
    		"  data () {",
    		"    return {",
    		"    };",
    		"  },",
    		"",
    		"  components: {},",
    		"",
    		"  computed: {},",
    		"",
    		"  mounted: {},",
    		"",
    		"  created() {},",
    		"",
    		"  methods: {}",
    		"}",
    		"",
    		"</script>",
    		"<style lang='less' scoped>",
    		"</style>"
    	],
    	  "description": "Log output to console"
    	}
      }

最后刷新一下，自己重新创建一个vue页面，只要输入"vue",然后回车就创建出你所设置好的vue页面模板啦~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzdGVyaWFW_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/e8cf214369f849f7bbd080898d909553.png

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue设置快速创建vue页面，手动添加vue页面模板

使用vue创建页面时，如果你想快速创建一个你喜欢的完整vue页面模板，就请手指动起来==> 1.首先在头部导航部分找到文件文件(F)-->首选项-->文件代码片段-...

旧城等待，/ 2024年04月19日 09:08/ 0 赞/ 67 阅读

相关 Vue设置部分页面缓存，设置部分页面不缓存

在项目中经常会遇到需要设置部分页面缓存，在路由切换时，不必每次都拉取接口更新，这样可以很大程度的提升用户体验，也可以减少接口请求次数，降低服务器消耗；首先我

野性酷女/ 2023年02月15日 05:26/ 0 赞/ 19 阅读

相关 vue快速创建模板

vue快速创建模板 [elementUi模板，复制https在vs上面通过克隆来下载][elementUi_https_vs] [elementUi_https_vs

淩亂°似流年/ 2023年01月15日 10:22/ 0 赞/ 142 阅读

相关 vue meta设置页面

一、概述在项目中，有一个搜索页面，需要根据不同的关键字，动态修改meta信息，用于seo优化。本文接下来介绍如何使用 vue-meta 修改页面头部信息二、v

た入场券/ 2022年11月09日 14:27/ 0 赞/ 163 阅读

相关 vue 404页面

一、概述如果用户输入错误的网址没有提示，界面也不会有任何变化，用户体验非常不友好，所以需要设置错误提示二、设置设置404页面需要在配置路由文件index.j

心已赠人/ 2022年11月09日 14:27/ 0 赞/ 204 阅读

相关 Vue 创建 404 页面【超级简单】

目的：在vue项目中，添加一个 404 页面。具体效果，可以去这个网站测试 [http://www.xdx97.com][http_www.xdx97.

野性酷女/ 2022年04月05日 05:18/ 0 赞/ 422 阅读

相关 vue 在页面上添加水印

这是效果图： ![20190223175627429.png][] 将下列代码从开始到结束的代码复制到一个新建的js文件中，然后在需要使用的页面 impor

拼搏现实的明天。/ 2022年03月17日 09:54/ 0 赞/ 547 阅读

相关 VScode快速创建vue模板

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

﹏ヽ暗。殇╰゛Y/ 2021年12月23日 23:03/ 0 赞/ 415 阅读

相关 Vue页面骨架——vue-router

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

刺骨的言语ヽ痛彻心扉/ 2021年07月25日 17:37/ 0 赞/ 446 阅读

相关 vue文件快速生成页面模板

一 Vscode新建模板 1 菜单选择 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

超、凢脫俗/ 2021年07月24日 20:35/ 0 赞/ 877 阅读