CSS规范:Vue.js 中的样式可以使用CSS或者预处理器(如Sass、Less等),在编写CSS代码时,应遵循CSS的规范,如使用适当的选择器、坚持遵循层叠样式原则、合理使用样式重置等。 文件结构规范:Vue.js 项目应该按照一定的文件结构进行组织,一般来说,可以将相关的组件、路由、静态资源等放在不同的文件夹中,以实现模块化开发...
3.保持良好的简洁的树形结构 4.结构上如果可以并列书写,就不要嵌套。 如果可以写成那么就不要写成 5.如果结构已经可以满足视觉和语义的要求,那么就不要有额外的冗余的结构。 比如已经能满足要求,那么就不要再写成 6.一个标签上引用的类名不要过多,越少越好。 比如不要出现这种情况: </ div> 7.对于一个语义...
│├── directive // 全局指令 │├── filters // 全局 filter │├── icons // 项目所有 svg icons │├── lang // 国际化 language │├── mock // 项目mock 模拟数据 │├── router // 路由 │├── store // 全局 store管理 │├── styles // 全局样式 │├── utils // ...
二、项目目录结构 本项目规范的根级目录与Vue脚手架的 webpack 模板的根级目录一致,只是src/下的目录结构与 webpack 模板不一样;因为src/下的目录结构遵从本规范项目结构的核心思想; . ├── build/ # webpack 配置文件; │ └── ... ├── config/ # 与项目构建相关的常用的配置选项; │ ├── ...
2、 命名规范 命名必须使用英语翻译,禁止使用中文音译。能够通过名称精准分析出当前内容。国际通用的名称,可视同英文。 2.1、 项目命名 全部采用小写方式, 以中划线分隔 • Positive: test-system • Counter: test_system 2.2、目录命名 全部采用小写方式, 以中划线分隔,有复数结构时,要采用复数命名法, 缩写不...
2 vue项目目录结构 # 编写vue项目,使用编辑器---》pycharm# 使用pycharm打开vue项目 2.1 运行vue项目 # 方式一:命令行中 (一定要注意路径)npm run serve / ctrl+c 停止项目# 如果显示没有npm,重启pycharm# 方式二:使用pycharm运行 ---》点击绿色箭头配置一个启动脚本,以后点绿色箭头运行即可 ...
vue代码规范(公司内部使用) UI框架选择 PC端Vue项目UI框架优先选择:Element UI 文件夹、组件命名规范,组件结构规范 文件夹: 1.文件夹名称应统一格式,小驼峰命名,见名思意,其余文件夹名称统一按照项目结构目录命名规范统一命名。 2.文件路径按照菜单定义。顶级菜单对应一个一级文件夹,依次类推。
项目文件的结构 整体框架 因为我们的项目有PC端、H5端,H5端又有几个不同的应用,所以采用monorepo来管理整个项目,每个应用都是一个workspace。而且对于不同应用的相同api接口和业务逻辑,也需要创建一个workspace去抽取这些相同之处;同样的,对于H5应用A和应用B也有一些公用组件,所以也需要一个workspace把它们抽离出来。
注释应该尽量简洁明了,不宜过长。 总结 以上是Vue开发规范的一些建议,通过统一的命名规范、目录结构和代码风格,可以提高项目的可维护性和可读性。同时,规范的组件通信和状态管理方法可以更好地协同开发,减少bug的产生。最终,这些规范将有助于提高团队的开发效率,提升项目的质量。
项目结构规范:Vue 的项目结构通常是由多个组件组成的,为了保持项目的清晰和可维护性,需要遵循一定的项目结构规范。通常情况下,可以将组件按照功能或领域划分成不同的文件夹,并使用统一的目录结构,比如将组件放在 "components" 文件夹下,将页面放在 "views" 文件夹下等。