vue3项目 - 目录调整

省流


删除默认文件,修改代码 ---> 调整目录结构 ---> 添加全局样式和图片,安装预处理器

具体步骤:

1. 删除初始化的默认文件,修改剩余代码

清空 assets、components、stores、views文件夹里的文件,仅留核心文件 index.js、App.vue、main.js

修改 routes 为空路由,修改App.vue  模板只显示"我是app.vue”,main.js 删除通用样式导入

2. 调整我们要的目录结构

3. 添加全局样式和图片,安装预处理器支持 pnpm add sass -D

相关推荐

  1. Vue3+TypeScript项目目录结构及文件作用

    2023-12-26 05:30:02       27 阅读
  2. vue入门-项目目录详解

    2023-12-26 05:30:02       32 阅读
  3. nginx 二级目录部署vue项目

    2023-12-26 05:30:02       51 阅读
  4. node环境Vue项目目录结构介绍

    2023-12-26 05:30:02       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-26 05:30:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-26 05:30:02       106 阅读
  3. 在Django里面运行非项目文件

    2023-12-26 05:30:02       87 阅读
  4. Python语言-面向对象

    2023-12-26 05:30:02       96 阅读

热门阅读

  1. 使用easyexcel对导出表格添加合计行

    2023-12-26 05:30:02       55 阅读
  2. 软件研发--“扭曲变形正成为一种常态”

    2023-12-26 05:30:02       51 阅读
  3. Rust 软件测试

    2023-12-26 05:30:02       56 阅读
  4. VTK学习笔记(四十二)vtk绘制箭头

    2023-12-26 05:30:02       61 阅读
  5. 算法笔记—二叉树遍历

    2023-12-26 05:30:02       52 阅读