宁波模板开发建站,专业的微网站哪家好,泰兴市住房和建设局网站,建筑设计公司名称起名1.安装vscode
官网地址#xff1a;https://code.visualstudio.com/2.安装一个插件#xff0c;识别vue文件
插件库中搜索Vetur#xff0c;下图中的第一个#xff0c;点击安装#xff0c;安装完成之后点击重新加载微信图片_20180723174649.png
3.新建代码片段
文件--https://code.visualstudio.com/2.安装一个插件识别vue文件
插件库中搜索Vetur下图中的第一个点击安装安装完成之后点击重新加载微信图片_20180723174649.png
3.新建代码片段
文件--首选项--用户代码片段--点击新建代码片段--取名vue.json 确定4.删除不要的代码
5.粘入自己写的.vue模板
{Print to console: {prefix: vue,body: [!-- $1 --,template,div class$2$5/div,/template,,script,//这里可以导入其他文件比如组件工具js第三方插件jsjson文件图片文件等等,//例如import 《组件名称》 from 《组件路径》;,,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 langscss scoped,//import url($3); 引入公共css类,$4,/style],description: Log output to console}
}
6.上面代码中的 prefix: vue, 就是快捷键保存好之后新建.vue结尾的文件试试
输入vue 按键盘的tab就行微信图片_20180723173036.png 作者大胡子111 链接https://www.jianshu.com/p/8610215a8a84 来源简书 简书著作权归作者所有任何形式的转载都请联系作者获得授权并注明出处。
