关于javascript:一个Vue项目-目录里的每一个-文件夹-都是干什么的-目录-结构-目录意义

52次阅读

共计 627 个字符,预计需要花费 2 分钟才能阅读完成。

因为感觉 react 的设计哲学不太对我的口味,转到 vue 玩玩,初始化一个 vue 我的项目之后(用 vue create/ vue init 都能够)
咱们失去的我的项目目录是这样的:

  1. build

    1. build.js > 生产环境构建脚本
    2. check-versions.js > 用来查看 npm,node.js 版本
    3. utils.js > vue 开发环境的 webpack 相干配置文件
    4. vue-loader.conf.js > 配置了 css 加载器以及编译 css 之后主动增加前缀
    5. webpack.*.conf > webpack 的各种配置
  2. config

    1. dev.env.js > 开发环境的各种变量设置
    2. 我的项目的配置文件
    3. prod.env.js > 生产环境的各种变量设置
  3. node_modules

    1. 这个不必多说了吧,npm 各种模块都在这
  4. src 开发目录

    1. assets > 资源目录,放各种资源,这个目录下的资源会被 webpack 构建
    2. components > 组件目录,放组件 s
    3. router > 前端路由,路由配置就在 index.js 外面写
    4. App.vue > 根组件,页面会把这个组件加载到 Dom 树上
    5. main.js > 入口 js 文件
  5. static

    1. 动态资源,这个目录上面的资源不会被 webpack 构建
  6. index.html > 首页入口文件
  7. package.json > npm 包配置文件,外面写我的项目的各种 npm 脚本,依赖包等信息
  8. README.md > 阐明文档
  9. .xxxx > 各种工具、语法的配置文件

以上~ 遇到不晓得该去哪里批改,或者不晓得文件放哪里的时候,就回来看看吧~

正文完
 0