博客
关于我
yb课堂 前端项目目录结构创建和讲解 《三十三》
阅读量:462 次
发布时间:2019-03-06

本文共 447 字,大约阅读时间需要 1 分钟。

项目安装与目录结构说明

安装依赖包

使用 cnpm 安装 node-sass 并保存为开发依赖:

cnpm install node-sass --save-dev

启动项目:

cnpm run serve

项目目录结构说明

项目采用模块化结构设计,主要包含以下几个部分:

默认资源文件介绍

项目根目录下创建的默认文件夹结构如下:

  • assets:用于存放静态资源文件
  • components:存放可复用组件
  • router:项目模块化路由配置
  • store:vuex状态管理模块
  • views:项目模块化页面

页面组件文件名规范

在 views 目录下创建各个页面组件文件,文件名采用首字母大写的命名方式:

  • Home.vue:主页面
  • CourseDetail.vue:课程详情页面
  • Register.vue:注册页面
  • Login.vue:登录页面
  • Order.vue:订单页面
  • Pay.vue:支付页面
  • Personal.vue:个人中心页面

以上结构设计旨在实现项目的模块化管理,方便后续扩展和维护。

转载地址:http://lsmkz.baihongyu.com/

你可能感兴趣的文章
QGIS中怎样设置图层样式并导出地图样式
查看>>
PowerDesigner使用笔记
查看>>
QGIS中怎样实现数据坐标系转换
查看>>
PowerDesigner学习--基本步骤
查看>>
PowerDesigner导出Report通用报表
查看>>
PowerDesigner教程系列(二)概念数据模型
查看>>
Powerdesigner显示表的comment和列的comment的方法
查看>>
PowerDesigner最基础的使用方法入门学习
查看>>
PowerDesigner版本控制器设置权限
查看>>
PowerDesigner生成数据模型并导出报告
查看>>
QGIS中导入dwg文件并使用GetWKT插件获取绘制元素WKT字符串以及QuickWKT插件实现WKT显示在图层
查看>>
PowerDesigner逆向工程从SqlServer数据库生成PDM(图文教程)
查看>>
PowerEdge T630服务器安装机器学习环境(Ubuntu18.04、Nvidia 1080Ti驱动、CUDA及CUDNN安装)
查看>>
PowerPC-object与elf中的符号引用
查看>>
QFileSystemModel
查看>>
Powershell DSC 5.0 - 参数,证书加密账号,以及安装顺序
查看>>
PowerShell 批量签入SharePoint Document Library中的文件
查看>>
Powershell 自定义对象小技巧
查看>>
pytorch从预训练权重加载完全相同的层
查看>>
PowerShell~发布你的mvc网站
查看>>