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

你可能感兴趣的文章
Npp删除选中行的Macro录制方式
查看>>
NR,NF,FNR
查看>>
nrf开发笔记一开发软件
查看>>
NS3 IP首部校验和
查看>>
NSDateFormatter的替代方法
查看>>
NSError 的使用方法
查看>>
nsis 安装脚本示例(转)
查看>>
NSJSON的用法(oc系统自带的解析方法)
查看>>
nslookup 的基本知识与命令详解
查看>>
NSOperation基本操作
查看>>
NSRange 范围
查看>>
NSSet集合 无序的 不能重复的
查看>>
NSURLSession下载和断点续传
查看>>
NSUserdefault读书笔记
查看>>
NT AUTHORITY\NETWORK SERVICE 权限问题
查看>>
NT symbols are incorrect, please fix symbols
查看>>
ntelliJ IDEA 报错:找不到包或者找不到符号
查看>>
ntko web firefox跨浏览器插件_深度比较:2019年6个最好的跨浏览器测试工具
查看>>
ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
查看>>
ntpdate 通过外网同步时间
查看>>