HBuilberX的自定义模板和自定义模板块

最新推荐文章于 2022-12-19 10:45:09 发布
最新推荐文章于 2022-12-19 10:45:09 发布
阅读量849 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51313111/article/details/117934390
版权

实现一：文件自定义
HBuilderX创建html模板：新建一个html，选择右上角[自定义模板]
在这里插入图片描述
点击完成后自动跳转模板存储路径，在readme.txt同层新建你的模板文件，放入模板并保存
在这里插入图片描述
在这里插入图片描述
查看是否创建模板成功
在这里插入图片描述
实现二：自定义代码块，实现方式使用vue+tab可出现demo
打开代码块
在这里插入图片描述
在右边自定义代码块中输入实现代码
在这里插入图片描述

“prefix” ：代码块的触发字符，就是敲什么字母可以激活这个代码块。
“vue demo”: 输入完vue时出现的描述
“body”: [ ] 存放要补全的代码，其中转义字符\；每一行要用双引号；每一行最后都要用逗号隔开；\t是tab的意思
使用：
在这里插入图片描述
回车后：
在这里插入图片描述

linux-centos
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HBuilberX工具
07-05
HbuilderX ，更快捷的前端开发工具，支持所有类型，你值得拥有！
HBuilder.8.1.3
02-13
HBuilder是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。
Hbuider 自定义模板
tsang荒男的博客
09-28 711
单页面模板修改 在目录 HBuilderX\plugins\templates\file 下这些都是生成单页面的基础模板 修改以后源文件名称和格式覆盖回去即可，重新启动hbuilderx即可生成你定制的模板 创建项目模板修改 在目录 HBuilderX\plugins\templates\file 下都是项目模板 ...
在HBuilderX、VScode添加一个自定义模板
柠夏
12-25 6729
废话不多说，直接上步骤： 第一步：新建一个固定的模板vue.html，编辑好所需内容后，创建、保存即可； 第二步：退到桌面，找到“HBuilderX.exe”快捷方式，右键“打开文件所在位置”，跟随我的步骤来就好了； 具体文件夹步骤：HBuilderX\plugins\templates\file\html 第三步：往后新建模板内容时，直接添加即可，无需重复手写代码啦！ ...
hbuilder自定义代码块分享
weixin_50643189的博客
03-18 1632
最近使用builder作vue学习，发现代码块比较少而且自定义稍微有点麻烦，记录分享一下几个自己用的代码块模板 自定义方法（html为例），后续按提示编写具体的代码块即可： log（JavaScript代码块）（输入log触发） "log": { "body": [ "console.log('$1')" ], "prefix": "log", "scope": "source.js" } vue（html代码块） （输入vue触发） "vue": { "b
利用HbuilderX制作简单网页： HTML5期末大作业——html5漫画风格个人主页
VX_WJ88950106的博客
12-19 571
⚽精彩专栏推荐👇🏻👇🏻👇🏻 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Web
TypeScript基本操作，配置文件tsconfig.json详解,vscode和HBuilderX基本配置
三季雨
02-25 5746
Node 基本命令 npm安装依赖 【npm install xxx】利用 npm 安装xxx依赖到当前命令行所在目录 【npm install xxx -g】利用npm安装全局依赖xxx 【npm install xxx –save】 安装并写入package.json的”dependencies”中 【npm install xxx –save-dev】安装并写入package.json的”d...
Hbuilderx是html5,HBuilderX代码提示系统说明
weixin_35843523的博客
06-19 2912
本帖文档已集成到: hx产品文档HBuilderX的代码提示系统很庞大，支持多种语法提示模型。内置语法库web项目有内置的html、js、css语法库App项目有内置的plus扩展语法库uni-app项目有内置的uni-app语法库微信小程序、快应用等项目也有对应的内置语法库js框架语法库(sdocml格式)HBuilderX中，在可以输入js的文件，比如js、html等文件里，(不含vue、ts...
【附源码】计算机毕业设计JAVA网上报名及成绩查询系统
sheji298的博客
11-19 41
Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。Springboot + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。2. 前端：vue+css+javascript+jQuery+easyUI+highcharts。2. 使用IDEA/Eclipse/MyEclipse导入项目，修改配置，运行项目；
hbuilder简单网页模板_哪里有免费的网页模板
weixin_39992760的博客
11-17 945
　　很多人都有在淘宝购物的经历，在逛淘宝的时候，很多商品详情的页面是卖家自己制作的，而不是淘宝提供的，所以想要在淘宝上开店，是需要会制作网页的。那么，哪里有免费的网页模板？下面将会为大家介绍。哪里有免费的网页模板1、现在只需要在百度上进行搜索【免费网络模板】即可看到不同的网页模板，下载之后就可以使用；　　2、如果您是需要将一般需要注意的是，如果您所需要的制作的网页涉及到商业用途，则需要注意该网页模...
vue echarts 三维折线图
qq_51313111的博客
07-17 2504
<template> <div id="main" style="width: 900px;height: 600px"></div> </template> <script> import * as echarts from 'echarts'; import 'echarts-gl' export default { name: "hello", mounted() { this.drewLine() }, met
el-table 中嵌套 el-select
qq_51313111的博客
07-27 1261
也就是表格中嵌套选项 效果图 选项中的数据是从后端获取的 实现代码 <el-table :data="user_role" border style="width: 400px"> <el-table-column prop="username" label="用户名" width="200"></el-table-column> <el-table-column prop="role" label="用户角色">
npm run build出现的错误：Failed to load resource: net::ERR_FILE_NOT_FOUND
qq_51313111的博客
07-07 1079
vue-cli@2 解决方法： 在 webpack.prod.conf.js 中的 output 添加参数publicPath:’./’ output: { publicPath: process.env.NODE_ENV === 'production' ? './' +config.build.assetsPublicPath : './' + config.dev.assetsPublicPath, // 上面是添加代码 path: config..
vue使用el-dialog时窗口变灰
qq_51313111的博客
07-28 946
vue使用el-dialog时窗口变灰 在el-dialog加入append-to-body属性即可
vue隐藏滚动条
qq_51313111的博客
08-07 596
使用vue-element时，出现两个滚动条 是使用两个容器布局进行嵌套使用引发的两个滚动条， 在不需要显示的滚动条中添加css样式 overflow: hidden 即可解决
vue echarts axios 代码实现
qq_51313111的博客
07-23 259
放代码 <template> <div> <div id="main" :style="{width: '100%', height: '500px'}"></div> </div> </template> <script> import * as echarts from 'echarts'; import { ToolboxComponent, TooltipComponent, GridC
vue中css调用子标签不成功
qq_51313111的博客
08-11 149
消除scoped单词 然后再使用调用子标签
毕业设计MATLAB_执行一维相同大小矩阵的QR分解.zip
最新发布
05-27
毕业设计matlab

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值