vue 项目心得总结

项目使用 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 属性 

 

 

 

 

 

 

 

 

 

 

 

 

  • 1
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值