README.md 1.0 KB

原文件审查历史永久链接



项目搭建


基于vite创建项目

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

# 进入到项
cd PCMS

# 安装依赖
pnpm i

# 启动项目
pnpm dev 


调整项目目录结构

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


使用scss预处理器


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


实现步骤


 安装解析 sass 的包：npm i sass -D 


配置别名路径

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