.page-home{}一共有三种命名方式：PasaCase:uppercasecamelcase,如:MClascamelCase:lowercasecamelcase,如:MyClasskebab-case:lowercasedash,如:my-classfileorfolder命名遵循以下原则：定义对象，统一使用PascalCase（大写驼峰）命名规范文件夹统一使用kebab-case（小写破折号）命名规范其他wue文件，js文件，css文件等，统一使用kebab-case（小写kebab-case（破折号）命名约定的基本原则是大多数文件和文件夹都使用kebab-case（小写破折号）命名约定。为什么我们都使用kebab-case（小写破折号）命名约定？1.文件夹kebab-case命名比camelCase命名的文件夹更清晰2.不同的操作系统处理文件名的大小写不，因为Windows不区分大小写，使用区分大小写的文件夹会导致Linux发布失败，也可能带来这些案成欧rurl网址，导致网址显示难看。文件夹命名文件夹使用kebab-case（小写破折号）命名约定。其实我们前期在定义通用组件的时候，都是使用PascalCase（大写驼峰命名法）命名的。-src/components-SubMenu.vue-SysTabs-index.js-sysTabs.vue-utils.js类似上图，会有SysTabs文件夹，index.js,sysTabs.vue这三个命名约定放在一起，看听起来很奇怪。因此，我们还对通用组件使用kebab-case（小写破折号）命名约定。-src/components-sub-menu.vue-sys-tabs-index.js-sys-tabs.vue-utils.js但是为了方便调用，我们在定义常用组件时使用PascalCase（大写驼峰式）命名约定。importSubMenufrom'@/components/sub-menu'importSearchfilterfrom'@/components/search-filter'Vue.component('SubMenu',SubMenu)Vue.component('SearchFllter',SearchFliter)有复数结构时,你需要使用复数命名法。示例：页面、组件、过滤器、mixins、图像文件名常用的CSS、JS。IMG、FONT、VIDEO等资源。默认文件命名参考目录的命名约定，使用kebab-case（小写短横线）命名约定。JS脚本文件分别命名为js、vue、ts等脚本语言文件。:index.js,index.vue,news-detail.vue,sg-result.vue推荐使用directory+index.(vueljs)创建组件、页面等类型，通过文件目录进行组织，方便扩展.示例：news-detail信息详情页，先创建目录news-detail，然后创建index.vue文件CSS样式文件名scsscssless等样式语言名称参考目录规范命名，全部使用小写字符，数字,connectors-示例：index.scssstylesv1.scssnews-info.scss推荐一种短命名方式，不使用连字符资源文件名png、jpg、mp4ttf等资源文件按照目录规范命名，全部使用小写字符、数字和连字符-示例：user-title.pngaa-number.ttfmy-video.mp4路由命名{path:'/news-detail',name:'NewsDetail，component:()=>import('@/pages/news-detail/'),meta:{title:'Informationdetails'}}路由的两个名称：path：路径使用kebab-case（小写破折号）name：路由名称使用PascalCase（大写驼峰式）路径命名主要遵循以下原则：url中的字母全部小写如果有的话拼接，使用破折号"-'推荐使用query方式传参，restful模式不行。示例：不建议使用如下方式接收ID参数{path:'/news-detail/:id',name:'NewsDetail',component:()=>import('@/pages/news-detail/'),meta:{title:"信息详情"}}但是可以通过这种方式设置前端页面类型，比如announcementtype/news-detail/gg?id=1111newstype/news-detail/yw?id=1111{路径：'/news-detail/:type'，名称：'NewsDetail'，组件：()=>import('@/pages/news-detail/')，meta：{title:"NewsDetails"}}变量命名css变量命名统一使用kebab-case（小写破折号）命名约定。.page-home{}Scss变量命名统一使用kebab-case（小写破折号）命名约定。示例：scolor-primary$bg-primaryjs变量命名统一使用camelCase（小写驼峰式）命名约定。例子：letuserInfo={khh:'02508e8e',name:'XXX'}constisNew=falsefunctionsetuserIno(){}对于在项目设置文件@/util/settingsjs中注册的全局变量，可以全部大写例子:exportconstconfig={SESSION_USER:"_login_user',//留号KEY定义SESSION_LHH:'user_v_id',//用户信息KEY定义IMGCDN:process.env.CDN+'/'+process.env.DISTMODULE+'/static/images/'YWBL:process.env.YWBL_DOMAIN+'/app/cmbywbl/#',CMBYWBL:process.env.YWBLDOMAIN+'/app/cmb/ywb1/#',CZMm_URL:process.env.YWBL.DOMAIN+'/app/cmbywb1/#/resetPassword?khh='YKFX:process.envHOMEDOMAIN+'/app/cmb/ykfx/XZSG:process.env.HOME_DOMAIN+/app/cmbxzsg/#/XGSG:process.env.HOME_DOMAIN+'/app/cmbxgsg/#/'originHttp:false//是否使用原生APPHTTP请求代理}exportdefault{insta11(Vue){Vue.$config=Vue.prototype.$config=config}}
