博客
关于我
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/

你可能感兴趣的文章
Python——正则表达式
查看>>
Python—面向对象2
查看>>
Python“和“带整数的运算符
查看>>
Python“文件存在“制作目录时出错
查看>>
Python“文件存在“制作目录时出错
查看>>
Python、IMAP 和 GMail.将消息标记为已查看
查看>>
python一个一个获取迭代器的元素
查看>>
python一维数组 提取_python – 如何从numpy中的1维数组中提取零维切片
查看>>
python三大库之--numpy(一)
查看>>
python三大库之--numpy(二)
查看>>
python上的字无效字符_标识中的无效字符
查看>>
python下用decode和encode 中文转码
查看>>
Python下调用Linux的Shell命令
查看>>
Python接口自动化测试实战系列
查看>>
python下载_安装_配置_以及第一行python程序---python工作笔记009
查看>>
Python不协调机器人消息.内容
查看>>
Python与C#之间内存共享互传信息
查看>>
python与c语言混合编程_你试过C语言和Python一起混合编程吗?两者相加不是已经无敌了!...
查看>>
python与excel
查看>>
Python与Excel的完美邂逅:深入浅出,手把手教你轻松玩转Excel数据操作
查看>>