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/

你可能感兴趣的文章

NN&DL4.1 Deep L-layer neural network简介

查看>>

NN&DL4.3 Getting your matrix dimensions right

查看>>

NN&DL4.8 What does this have to do with the brain?

查看>>

No 'Access-Control-Allow-Origin' header is present on the requested resource.

查看>>

No Datastore Session bound to thread, and configuration does not allow creation of non-transactional

查看>>

No fallbackFactory instance of type class com.ruoyi---SpringCloud Alibaba_若依微服务框架改造---工作笔记005

查看>>

No Feign Client for loadBalancing defined. Did you forget to include spring-cloud-starter-loadbalanc

查看>>

No mapping found for HTTP request with URI [/...] in DispatcherServlet with name ...的解决方法

查看>>

No module named cv2

查看>>

No module named tensorboard.main在安装tensorboardX的时候遇到的问题

查看>>

No module named ‘MySQLdb‘错误解决No module named ‘MySQLdb‘错误解决

查看>>

No new migrations found. Your system is up-to-date.

查看>>

No qualifying bean of type XXX found for dependency XXX.

查看>>

No resource identifier found for attribute 'srcCompat' in package的解决办法

查看>>

No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android

查看>>

NO.23 ZenTaoPHP目录结构

查看>>

NO32 网络层次及OSI7层模型--TCP三次握手四次断开--子网划分

查看>>

NoClassDefFoundError: org/springframework/boot/context/properties/ConfigurationBeanFactoryMetadata

查看>>

Node JS： < 一> 初识Node JS

查看>>

Node-RED中使用JSON数据建立web网站

查看>>