博客
关于我
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办公自动化基础遍历文件夹
查看>>
python办公自动化基础输出文件和文件夹
查看>>
python办公自动化基础搜索文件
查看>>
python知识:@classmethod和@staticmethod的异同
查看>>
python前端之css
查看>>
Python制作进度条,原来有这么多方法
查看>>
Python制作简单的学生成绩管理系统
查看>>
python制作甘特图的基本知识(附Demo)
查看>>
python制作一个简单的服务器,【Python】 做一个简单的 http 服务器
查看>>
Python到底能做什么?它的优点在哪?
查看>>
python利用pytorch库导出图像分割算子
查看>>
python利用pyshark监听网卡来抓包其中pyshark中摸索的一些可用参数
查看>>
python利用excel分析过杀漏失
查看>>
python判断汉字数目
查看>>
python判断文件是空的,如果是空的,就删除
查看>>
python判断密码是否正确_python密码判断是否符合要求的方法
查看>>
python判断字符串包含中文_Python 判断字符串是否包含中文
查看>>
python删除第一行_Python 乱码指北:一行删掉根目录
查看>>
Python删除列表元素的三种方法
查看>>