官网: https://code.visualstudio.com/
首先要安装 Vetur 插件,识别 vue 文件
vscode商店中搜索 Vetur,点击安装
新建代码片段
文件 ➡ 首选项 ➡ 配置用户代码片段
会弹出搜索框,点击 新代码片段 自己起个名字
把下面的代码复制进去保存即可
{
"Print to console": {
"prefix": "vue",
"body": [
"",
"< template> ",
"< div class = ' $2' > $5</ div> ",
"</ template> ",
"",
"< script> ",
"//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)" ,
"//例如: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 scoped > ",
"/*@import url($3); 引入公共css类*/" ,
"$4" ,
" </ style> "
],
"description": "生成vue模板"
},
"http-get请求": {
"prefix": "httpget",
"body": [
"this.\\$http({",
"url: this.\\$http.adornUrl(''),",
"method: 'get',",
"params: this.\\$http.adornParams({})",
"}).then(({ data }) => {",
"})"
],
"description": "httpGET请求"
},
"http-post请求": {
"prefix": "httppost",
"body": [
"this.\\$http({",
"url: this.\\$http.adornUrl(''),",
"method: 'post',",
"data: this.\\$http.adornData(data, false)",
"}).then(({ data }) => { });"
],
"description": "httpPOST请求"
}
}
ahauedu: 那么 我想让他在项目目录展示,但是commit的时候没有他 怎么设置呢
RSzuimeng: sh startup.sh -m standalone 单机启动
鹿风L: 为啥这个查询昨天的还能查出来今天的
qq_37049819: 编译不通过加第三点确实通过了
晚莹————: 请问我这样添加之后,这个里面还是没有咋办