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：课程详情页面

Order.vue：订单页面

Pay.vue：支付页面

Personal.vue：个人中心页面

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

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

你可能感兴趣的文章

NIFI大数据进阶_离线同步MySql数据到HDFS_02_实际操作_splitjson处理器_puthdfs处理器_querydatabasetable处理器---大数据之Nifi工作笔记0030

查看>>

NIFI大数据进阶_连接与关系_设置数据流负载均衡_设置背压_设置展现弯曲_介绍以及实际操作---大数据之Nifi工作笔记0027

查看>>

NIFI汉化_替换logo_二次开发_Idea编译NIFI最新源码_详细过程记录_全解析_Maven编译NIFI避坑指南001---大数据之Nifi工作笔记0068

查看>>

NIFI集群_内存溢出_CPU占用100%修复_GC overhead limit exceeded_NIFI: out of memory error ---大数据之Nifi工作笔记0017

查看>>

NIH发布包含10600张CT图像数据库为AI算法测试铺路

查看>>

NIO ByteBuffer实现原理

查看>>

Nio ByteBuffer组件读写指针切换原理与常用方法

查看>>

NIO Selector实现原理

查看>>

nio 中channel和buffer的基本使用

查看>>

NIO基于UDP协议的网络编程

查看>>

NISP一级，NISP二级报考说明，零基础入门到精通，收藏这篇就够了

查看>>

Nitrux 3.8 发布！性能全面提升，带来非凡体验

NLP 基于kashgari和BERT实现中文命名实体识别（NER）

查看>>

NLP 项目：维基百科文章爬虫和分类【01】 - 语料库阅读器

查看>>

NLP_什么是统计语言模型_条件概率的链式法则_n元统计语言模型_马尔科夫链_数据稀疏(出现了词库中没有的词)_统计语言模型的平滑策略---人工智能工作笔记0035

查看>>

NLP学习笔记：使用 Python 进行NLTK

查看>>

NLP问答系统：使用 Deepset SQUAD 和 SQuAD v2 度量评估

查看>>

NLP：使用 SciKit Learn 的文本矢量化方法

查看>>