作为前端工程师,知道vue有哪些命名规范吗

嘿,2 02 2 年我接了个项目,在某个城市,项目需求就是用Vue来开发,那时候我还在想命名规范这事儿,得好好研究研究。

项目文件命名啊,得小写,短横线分隔,像是“my-project-name”,这没问题。
目录命名啊,也得跟着这规则来,复数结构就用复数命名法,像“docs”、“assets”这些,都挺简单。

然后是图像文件,小写,单词命名,多个单词就下划线分隔,像“banner_sina.gif”,这我也记住了。

HTML文件,小写,单词命名,多个单词下划线分隔,比如“error_report.”,这个也容易。

CSS文件,小写,单词命名,多个单词短横线分隔,像“normalize.less”,“date-picker.scss”,这也没问题。

JavaScript文件,小写,单词命名,多个单词短横线分隔,像“date-util.js”,“account-model.js”,这个我也懂。

然后是Vue组件命名规范,单文件组件名,扩展名是.vue的,组件名得单词大写开头,像是“MyComponent.vue”,这个我一开始也懵,后来才反应过来。

单例组件名,得有个“The”前缀,表示唯一性,像是“TheHeading.vue”,“TheSidebar.vue”,这个我记住了。

基础组件名,得有个“Base”前缀,像是“BaseButton.vue”,“BaseTable.vue”,这个我也理解。

业务组件名,得有个“Custom”前缀,像是“CustomCard.vue”,这个我也明白了。

紧密耦合的组件名,得用父组件名作为前缀,像“TodoList.vue”,“TodoListItem.vue”,“TodoListItemButton.vue”,这个我也懂。

组件名中单词顺序,得先描述性的单词,再是修饰词,像“SearchButtonClear.vue”,“SearchInputQuery.vue”,“SettingsCheckboxTerms.vue”,这个我也知道。

完整单词的组件名,得用完整单词,不用缩写,像是“StudentDashboardSettings.vue”,“UserProfileOptions.vue”,这个我也记住了。

哎,当时我也有点偏激,觉得这些规范太繁琐,但后来发现,规范确实能提高代码的可读性和维护性。

HTML代码如何保存_HTML代码文件保存格式与命名规范完整说明

HTML文件必须用.或.htm后缀。

UTF-8 编码是唯一选择,防止乱码。

文件名全小写,用连字符分词。

index.做默认首页。

别用中文或空格命名文件。

保存时手动选UTF-8 编码。

自己掂量。

简述html文件命名规则

扩展名用。
名字纯字母数字下划线。
首字母建议字母。
别用特殊符号。
Unix系统大小写敏感。
主页叫index.。