一、配置自动打开浏览器

vue.config.js

module.exports = {devServer: {open: true // 是否自动启动浏览器}，lintOnSave: false,//禁止eslink
};

二、自动模板

点击文件=》首选项=》代码片段=》vue.json

{// Place your snippets for vue-html here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the // same ids are connected.// Example:// "Print to console": {//    "prefix": "log",//  "body": [//       "console.log('$1');",//         "$2"//    ],//    "description": "Log output to console"// }"Print to v2": {"prefix": "vue2","body": ["<template>","  <div>\n","  </div>","</template>","<script>","export default {","  data() {","    return {\n","    }","  },","  mounted(){\n","  },","  computed:{\n","  },","  methods:{\n","  },","}","</script>","<style scoped>\n","</style>","$2"],"description": "Log output to console"},"Print to v3": {"prefix": "vue3","body": ["<template>","  <div></div>","</template>","<script>","export default {","  components: {\n","  },","  props: {\n","  },","  setup(props, context) {\n","  }","}","</script>","<style scoped>\n","</style>",],"description": "Log output to console"},"Print to setup": {"prefix": "setup","body": ["<template>","  <div></div>","</template>","<script setup>\n","</script>","<style scoped>\n","</style>",],"description": "Log output to console"}}

在vue文件中输入vue就会选项

选择vue3出现下面代码片段

<template><div></div>
</template>
<script>
export default {components: {},props: {},setup(props, context) {}
}
</script>
<style scoped></style>

【愚公系列】2022年05月 vue3系列配置自动打开浏览器和自动模板相关推荐

2022年05月信息系统监理师考试知识点分布
2022年05月信息系统监理师考试知识点分布艾教春本文依据学员支离破碎的回忆 1.上午知识点分布表1是按题号对应的考试内容. 表1 按试题号分布的考查内容试题号知识点试题号知识点 1 状 ...
【愚公系列】2022年02月 wireshark系列-数据抓包分析之ICMP协议
文章目录一.题目一二.题目二一.题目一任务描述:获取正常的ICMP数据包.请求超时的数据包.主机不可达的数据包一.捕获正常的ICMP数据包在这里,我们通过ping命令来获取,先启动Wire ...
【愚公系列】2022年02月 wireshark系列-数据抓包分析之UDP协议
文章目录一.题目一二.题目二一.题目一根据实验环境,本实验的步骤如下: 1.安装发包工具,并与Wireshark配合使用,获取UDP数据包 2.分析获取的UDP数据包任务描述:安装发包工具, ...
【愚公系列】2022年02月 wireshark系列-数据抓包分析之IP协议
文章目录一.题目一二.题目二一.题目一任务描述:使用Wireshark抓取IP数据包以及IP分片数据包 1.使用Wireshark抓取IP数据包启动Wireshark,Filter选择IP协 ...
【愚公系列】2022年02月 wireshark系列-数据抓包分析之DNS协议
文章目录一.题目一二.题目二一.题目一根据实验环境,本实验的步骤如下: 1.测试环境中获取DNS数据包. 2.分析DNS数据包. 任务描述:获取两种类型的DNS数据包 (1)通过浏览器访问域名 ...
vue3启动项目时，自动打开浏览器怎么配置？
在package.json里script的serve命令这行加上"--open"
电子学会2022年6月青少年软件编程（图形化）等级考试试卷（三级）答案解析
青少年软件编程(图形化)等级考试试卷(三级) 单选题(共25题,共50分) 1. 点击绿旗,舞台上的角色会说出?( ) A. 2022年5月1日 B. 1日5月2022年 C. 2022年05月01日 ...
学习vue3系列computed
响应式API中 computed 和之前的 computed 选项用法类似. 对于任何复杂逻辑,我们都可能使用计算属性.比如翻转字符串: <template><h1>{{ te ...
Vue3系列(一)之初始化项目及Vite 2.0配置
Vite 2.0配置一.vite介绍二.项目搭建- vue3.0 + vite2 三.配置留存 vite.config.js 一.vite介绍 vite官网:https://cn.vitejs.d ...

【愚公系列】2022年05月 vue3系列配置自动打开浏览器和自动模板

文章目录

一、配置自动打开浏览器

二、自动模板

【愚公系列】2022年05月 vue3系列配置自动打开浏览器和自动模板相关推荐

最新文章

热门文章

【愚公系列】2022年05月 vue3系列 配置自动打开浏览器和自动模板

文章目录

一、配置自动打开浏览器

二、自动模板

【愚公系列】2022年05月 vue3系列 配置自动打开浏览器和自动模板相关推荐

最新文章

热门文章

【愚公系列】2022年05月 vue3系列配置自动打开浏览器和自动模板

【愚公系列】2022年05月 vue3系列配置自动打开浏览器和自动模板相关推荐