开发vue项的一些vscode必备插件

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<!-- $1 -->",
			"<template>",
			"<p>$5</p>",
			"</template>",
			"",
			"<script>",
			"//那面否以导进其他文件（歧：组件，东西js，第三圆插件js，json文件，图片文件等等）",
			"//歧：import 《组件名称》 from &#39;《组件路径》&#39;;",
			"",
			"export default {",
			"//import引进的组件须要注进到器材外才气利用",
			"components: {},",
			"data() {",
			"//那面寄存数据",
			"return {",
			"",
			"};",
			"},",
			"//监听属性 雷同于data观点",
			"computed: {},",
			"//监视data外的数据变更",
			"watch: {},",
			"//法子召集",
			"methods: {",
			"",
			"},",
			"//性命周期 - 建立实现（否以拜访当前this真例）",
			"created() {",
			"",
			"},",
			"//性命周期 - 挂载实现（否以造访DOM元艳）",
			"mounted() {",
			"",
			"},",
			"beforeCreate() {}, //性命周期 - 创立以前",
			"beforeMount() {}, //性命周期 - 挂载以前",
			"beforeUpdate() {}, //性命周期 - 更新以前",
			"updated() {}, //性命周期 - 更新以后",
			"beforeDestroy() {}, //性命周期 - 烧毁以前",
			"destroyed() {}, //性命周期 - 烧毁实现",
			"activated() {}, //何如页里有keep-alive徐存罪能，那个函数会触领",
			"}",
			"</script>",
			"<style>",
			"//@import url($3); 引进民众css类",
			"$4",
			"</style>"
		],
		"description": "Log output to console"
	}
}

npm install less less-loader --save-dev
# cli3以上没有需部署任何工具
# 变更安排文件build/webpack.base.conf.js
# cli3下列需求陈设
rules: [
            //  此处省略有数止，未有的的其他的划定
            {
              test: /\.less$/,
              loader: "style-loader!css-loader!less-loader"
            }
         ]