P

ProfessionalCourseManagementSystem

专业课程管理系统

姚富强提交了 · 99be78f1 合并分支 'ddd' 到 'master'

项目搭建

基于vite创建项目

# 使用npx创建项目
pnpm create vue PCMS

# 进入到项
cd PCMS

# 安装依赖
pnpm i

# 启动项目
pnpm dev 

image.png

调整项目目录结构

-src
  -apis           项目接口函数
  -assets         项目资源文件,比如,图片等
  -components     通用组件
  -pages          页面组件
  -store          集中状态管理
  -utils          工具,比如,token、axios 的封装等
  -view           页面组件

使用scss预处理器

SASS 是一种预编译的 CSS,支持一些比较高级的语法,可以提高编写样式的效率,接入scss非常简单只需要我们装一个sass工具

实现步骤

  1. 安装解析 sass 的包:npm i sass -D

配置别名路径

{ "compilerOptions": { "target": "ES6", "allowSyntheticDefaultImports": true, "baseUrl": "./", "paths": { "@/": [ "src/" ] } }, "exclude": [ "node_modules" ] }