美文网首页
vue脚手架的目录结构

vue脚手架的目录结构

作者: 璃安_ | 来源:发表于2022-11-30 18:30 被阅读0次
node_modules: 存放下载依赖的文件夹
public: 存放不会变动静态的文件,它与src/assets的区别在于,public目录中的文件不被webpack打包处理,会原
样拷贝到dist目录下
src: 源码文件夹
  assets: 存放组件中的静态资源
  components: 存放一些公共组件
  views: 存放所有的路由组件
  router: 存放路由配置信息
  store: 存放公共状态 vuex
 App.vue: 应用根主组件
 main.js: 应用入口 js
.browserslistrc: 指定了项目可兼容的目标浏览器范围, 对应是package.json 的 browserslist选项
.eslintrc.js: eslint相关配置
.gitignore: git 版本管制忽略的配置
babel.config.js: babel 的配置,即ES6语法编译
package-lock.json: 用于记录当前状态下实际安装的各个包的具体来源和版本号等, 保证其他人在 npm install 项目时大家的依赖能保证一致.
package.json: 项目基本信息,包依赖配置信息等
postcss.config.js: postcss一种对css编译的工具,类似babel对js的处理
README.md: 项目描述说明的 readme 文件
image.png

相关文章

  • cmft-前后端框架

    前端 Vue前端脚手架 Vue脚手架单入口/双入口 Vue工程的目录结构 Eslint:代码检测工具 Docker...

  • 官方的命令行工具vue-cli

    vue-cli官网Vue-cli是Vue的脚手架工具——主要作用:目录结构、本地调试、代码部署、热加载、单元测试 ...

  • Note19 egg+ vue项目搭建入坑

    egg.js 与 vue 结合 , 使用脚手架 easywebpack-cli。 了解egg目录结构(koa) 全...

  • Vue-cli基础梳理

    Vue-cli是vue官方出品的快速构建单页应用的脚手架。 1.vue-cli项目目录结构 build项目构建(w...

  • Vue------Vue-cli脚手架+前端路由

    Vue-cli是Vue的脚手架工具 可以进行目录结构、本地调试、代码部署、热加载、单元测试 1、MVVM框架 Vi...

  • day_2 搭建前端渲染脚手架

    基于之前搭建的simple目录,我们可以将它改造成更类似vue脚手架的结构,实现出与vue相同的前端渲染功能。 项...

  • vue-cli3.0项目结构

    实际项目结构: 基于vue-cli3.0脚手架搭建的项目结构,下面来介绍下每个目录做什么事情

  • vue-cli脚手架工具搭建vue-webpack项目

    vue-cli是vue官方的脚手架工具,主要的功能是初始化项目。主要作用:目录结构、本地调试、代码部署、热加载、单...

  • Vue+Node.js搭建手脚架

    什么是 vue-cli vue-cli 官方提供的一个脚手架(预先定义好的目录结构及基础代码,咱们在创建 Mave...

  • Vue搭建的小项目(学习)

    用Vue搭建项目--小博彩(详) 一:项目环境准备 项目目录结构准备 (1)搭建脚手架 (2)一定要在当前的目录结...

网友评论

      本文标题:vue脚手架的目录结构

      本文链接:https://www.haomeiwen.com/subject/emssfdtx.html