项目使用 vue ,组件库使用 Element,模拟数据使用 Easy Mock 。

项目线上网址:

本人对于 vue 、Element 以及 Easy Mock 涉猎不深,不足之处请多多指教!

1、vue 项目目录结构详解

      安装好 vue.js 后,生成的目录众多,在此对其进行目录解析

      build 文件是项目构建 webpack 相关代码

      config 是配置目录,包括端口号等

      node_modules 是npm 加载的项目依赖

      src 是我们需要开发的目录,包含的几个目录及文件:

             assets:放置一些图片

             components:放置组件文件

             App.vue:项目入口文件(可以将组件写在此处,而不使用 components 目录)

             main.js:项目的核心文件

      static 是静态资源目录,如图片、字体等

      .xxxx 都是配置文件,包括语法配置、git配置等

       index.html 是首页入口文件

       package.json 是项目配置文件

       README.md 项目的说明文档

2、package.json

      package.json 中的 dependencies 是指定了项目运行所依赖的模块

      package.json 中的 devDependencies 是指定了项目开发所需要的模块

      --save 表示将该模块写入 dependencies 属性

      --save-dev 表示将该模块写入 devDependencies 属性 

 

 

 

 

 

 

 

 

 

 

 

 

Logo

前往低代码交流专区

更多推荐