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

你可能感兴趣的文章
python3.6入门到高阶(全栈) day027 网络通信协议 osi七层模型
查看>>
Python3.6属性错误:模块‘;异步没有属性‘;运行‘;
查看>>
python3.6版本中的python-weka-wrapper安装失败,错误代码为%1
查看>>
Python3.7安装cv2踩过的坑
查看>>
python写txt文件
查看>>
python关于sorted排序函数详细解析 附实战代码(全)
查看>>
python3.8调用m文件,调用matlab
查看>>
python3.9新特性_Python 3.9 新特性速览
查看>>
Python3.x:遍历select下拉框获取value值
查看>>
python360百科_11月编程排行榜:Python超过Java成第二
查看>>
Python关于Paginator分页函数详细解析 附实战代码
查看>>
python3、ipython3、setup-tools、pip等环境搭建详细总结
查看>>
python3下使用cv2.imwrite存储带有中文路径图片或者绝对路径图片
查看>>
python3与django中@property详解
查看>>
python3中如何表示无穷大
查看>>
Python3中提示:no module named 'wxpy'
查看>>
python3中选择文件对话框的格式打开和保存图片
查看>>
python3为什么print永远都是地址_Python3 print 函数用法总结
查看>>
Python3之uuid模块
查看>>
Python3之写入Excel文档(xlsxwriter)
查看>>