uniapp开发小程序的开发规范总结
创建uniapp项目后，其目录结构如下。我们将简要介绍一下项目结构。
如果看完介绍还是看不懂，建议先学习Vue。
由于uniapp是基于基本的Vue语法开发的，所以学习Vue是有必要的。
.hbuilderx是用于开发本项目的工具，其开发配置目录一般不需要手动编辑。
当其他人将项目导入到该目录时，会默认使用你的开发者工具的配置信息。
由于每个人使用开发工具的习惯不同，所以这个目录一般不会上传到版本仓库。
pages目录存储所有Vue页面。
您可以根据自己的规划在pages目录下创建子目录。
static目录一般存放项目引用的静态资源，如图片、图标、字体等。
unpackage目录下存放的是各个平台的打包文件，该目录下存放的是项目打包后的结果文件。
App.vue是项目的根组件，是单个Vue页面的输入文件。
该页面可以监控应用程序级别的生命周期功能。
main.js是项目的js输入文件，它实例化页面视图并集成组件插件和页面视图所需的其他。
index.html是项目主页，项目入口页面。
实例化main.js后PageView的结果最终会渲染在首页上。
Manifest.json是应用程序配置文件，用于指定应用程序名称、图标、权限、起始页设置、插件等信息。
pages.json配置应用显示页面，如文件路径、窗口样式、原生导航栏配置等。
uni.scss文件主要用于控制应用页面的整体显示风格。
它预定义了一些SCSS变量，例如文本颜色、背景颜色、边框颜色、图像大小等。
通常我们还需要手动创建一个组件目录来存放视图组件。
Uniapp页面开发遵循Vue单文件组件（SFC）规范。
一个视图文件只能包含一个模型/顶级模型。
一个视图文件只能包含一个脚本/脚本脚本定义。
一个视图文件可以包含一个或多个样式/样式定义。
Uniapp的页面开发遵循Vue的MVVM数据绑定开发方法。
uniapp无法使用js对HTML文档进行DOM操作。
组件和接口规范中需要注意的是，uniapp中不能使用标准HTML标签。
uniapp组件名称的定义和使用方法更接近微信小程序。
请先参考uni-app组件文档。
参考微信小程序组件文档。
例如，uniapp中的view标签与标准HTML中的div标签具有相同的含义。
如果要设置图像，不能直接使用HTML中的img标签。
您必须使用uniapp图像组件标签。
uniapp（JSAPI）的接口能力非常接近微信小程序规范，但wx前缀要替换为uni。
具体请参见uni-app接口规范。
Uniapp的CSS样式规范分为全局样式和局部样式。
uni.scss文件中预定义了一些全局样式scss变量。
这些变量用于定义应用程序的整体风格，例如文本颜色、背景颜色、边框颜色等。
请注意，该文件不得随意修改。
如果要改变，只能改变变量值，不能改变变量名。
如果我们想要添加自定义的全局样式，可以参考下面的方法：首先自己写一个样式文件，比如app.scss，将自定义的样式写入到这个文件中。
将此文件放置在/static/style目录中。
其次，在app.scss文件的开头，引入uni.scss文件，引入语句为：@import~@/uni.scss最后，在App.vue的样式中，引入这个样式文件自定义全局；。
Uniapp的部分样式实现是基于Vue文件的。
某个Vue文件中定义的样式仅在该Vue的渲染范围内生效。
为了更好地适应不同的移动屏幕，尺寸敏感的uniapp框架将750rpx设置为基本屏幕宽度。
如果屏幕宽度较小，rpx显示效果会成比例降低；如果屏幕宽度较大，RPX显示效果会按比例放大。
例如：如果设计稿元素的宽度是600px，某个元素的宽度您可以在manifest.json文件中将transformPx的值设置为true，项目会自动将px转换为rpx。
使用字体Uniapp在两种情况下支持字体引用方法。
如果字体文件小于40KB，uniapp会自动将其转换为base64格式；会将字体文件放在静态目录中，然后通过font-face设置字体。
如果字体文件大于等于40KB，开发者必须将字体文件转换为Base64字符串，否则使用不生效；将转换后的Base64字符串粘贴到以下位置即可完成字体定义。
使用字体的方式是一般的CSS样式，只需使用font-family即可。
为了更好地支持跨平台，uniapp框架建议使用CSSFlex布局。
hbuilderx最新版本创建不了项目？
您的计算机是什么版本的HBuilderX？
请检查日志以查看是否是权限问题。
尝试重新启动。
如果您在新项目窗口中没有看到模板，请检查您的插件目录。
检查模板是否存在。
如果模板不存在，解压过程中可能会出现问题。
请重新解压
hbuilder的使用？
Hbuilder如何创建表格？使用2个标签tr和td先进入表格，体重输入3，身高输入2并保存。
首先我们写一个基本的表单，将网页的背景改为黑色，表单中的文字会显示为白色。
例如，在HBuilder中编写class=时，可能会提示你输入项目中的各种css。
如果classA是在外部css文件中定义的，您可以按住ctrl并单击前往那里。
CSS。
这是普通文本编辑器无法做到的。
1.使用自定义模板文件：项目开发过程中拥有自定义模板文件会在一定程度上减少开发时间，因此在开发项目时需要根据项目情况创建新的模板文件一个或多个自定义模板文件。
2.HBuilderX文件已创建，只需输入HTML代码即可完成。
导入后，保存文件。
您可以使用Ctrl+s键保存文件，也可以单击图中红框标记的位置保存文件。
3.安装并打开HBuilderX软件。
单击菜单栏中的【文件】-【新建】-【html文件】。
单击“浏览”设置生成的HTML文件的本地存储位置，单击“从模板新建”，在弹出的菜单中选择“支持HTML”。
4.HBuilderX缩写为HX，HBuilder，H代表HTML，Builder即构建器。
它是前端开发人员的IDE或通用编辑器。
类似于vscode、sublime和webstorm。
1.打开“文件”新建项目，选择文件保存路径，选择项目模板“BasicHTMLProject”，点击创建。
使用hbuilder编写网站、搭建网站。
首先，打开“文件”新建一个项目，选择文件保存路径，选择项目模板“BasicHTMLProject”，点击创建。
2.方法/步骤打开HBuilder后，点击左上角的文件。
然后选择新建-Web项目。
当然，你也可以在空白处右键单击，新建一个Web项目。
您也可以直接点击新建一个Web项目。
3.安装并打开HBuilderX软件。
单击菜单栏中的【文件】-【新建】-【html文件】。
单击“浏览”设置生成的HTML文件的本地存储位置，单击“从模板新建”，在弹出的菜单中选择“支持HTML”。
4.打开HBuilderX软件，点击软件顶部的【文件】选项，在弹出的选择中点击【新建】，选择需要创建的文件。
、CSS等你可以自己选择。
编辑器选择了一个HTML文件。
单击HTML文件选项，将弹出一个新的HTML文件窗口。
选择[覆盖的HTML]。
如何使用HBuilder快速搭建外部Web服务器进行移动Web测试
1.老师讲解的很详细，学生们有不懂的再回去看，就能解决。
2.但你知道如何设置网络服务器吗？今天给大家带来一个用HBuilder搭建Web服务器的具体工作方法。
3.小编在这篇文章中详细介绍了如何使用Hbuilder编辑器。
4.方法/步骤打开HBuilder后，点击左上角的文件。
然后选择新建-Web项目。
当然，你也可以在空白处右键单击，新建一个Web项目。
您也可以直接点击新建一个Web项目。
在HBuilder中，首先需要创建一个HTML文件，并在head标签中添加一个link标签来引用CSS文件，如：然后，创建CSS文件在HBuilder中并将其添加到其中编写CSS代码。
将css文件导入html的步骤如下：首先打开hbuilder软件，将css代码写入外部css文件中。
在html文件中使用link标签来展示刚刚编写的css样式表，其中href是相对路径，即相对于项目所在文件的路径。
新建站点文档系统会自动生成css文档和js文档，您可以在侧边栏查看css文件。
新用户不应该使用hbuilder。
该编辑器是一个比较专业的用于开发网站前端页面的集成开发环境。
应该使用更基本的editplus或Dreamweaver等。
解决办法如下：只需添加rel=stylesheet.即可解决。
rel是链接的意思。
它与样式表文档相关联。
这意味着该链接将在文档初始化时使用，通常不需要更改。
如果单独打开文件的话，功能会弱很多，当然比普通的文本编辑器要强大一些。
例如，在HBuilder中编写class=时，可能会提示你输入项目中的各种css。
如果classA是在外部css文件中定义的，您可以按住ctrl键并单击以跳转到该css。
这是普通文本编辑器无法做到的。
hbuilderx怎么创建二级项目
1、打开软件，在界面左上角找到“文件”选项，点击该选项，下方会出现一个下拉框。2、在下拉框中选择“新建”选项，旁边会出现一个子下拉框。
在子下拉框中选择“项目”选项。
3.界面上会出现一个新的项目窗口，在窗口顶部根据需要设置项目类型，并在项目名称横线上输入项目名称。
4、找到窗口右侧的“浏览”按钮，点击该按钮进入文件保存路径选择页面。
5、在文件保存路径选择页面，选择文件存储位置后，点击页面右下角的“选择文件夹”按钮。
6.完成上述所有步骤后，在窗口中选择项目模板，然后单击窗口底部的“创建”按钮。
7.返回软件主界面，在界面左上角可以看到新创建的项目。
