VSCode自定义代码片段11——vue路由的配置

浅香沉木

已于 2022-04-20 09:04:30 修改

阅读量1.7k

点赞数

分类专栏： VSCode自定义代码片段 vue 文章标签：自定义代码片段 VSCode vue-router

于 2022-04-19 21:34:28 首次发布

本文链接：https://blog.csdn.net/Java_53/article/details/124284227

版权

vue路由的配置

{
	// v'router
	// 11  如何自定义用户代码片段：VSCode =》左下角设置 =》用户代码片段 =》新建全局代码片段文件... =》自定义片段名称 =》编辑用户片段 =》ctrl+S 保存
	// vue的路由
	"Print to console": {
		"prefix": "v'router",
		"body": [
		    "// 位置：./router/index.js",
			"// 1,配置路由/映射表",
			"import VueRouter from \"vue-router\"",
			"import Vue from \"vue\"",
			"",
			"// 5,传入所有路由对应.vue组件  ",
			"// 【【【  主页页面",
			"import Home from \"../components/Home.vue\"",
			"import homeNews_1 from \"../components/homeNews_1.vue\"",
			"import homeNews_2 from \"../components/homeNews_2.vue\"",
			"// 关于页面    路由懒加载：当代码量过大时，先放在服务器，用时在请求",
			"const About = () => import('../components/About')",
			"// 用户页面",
			"import User from \"../componen