Vue与uni-app的文件结构区别

前言：好多说法是直接在vue项目中进行 npm run build命令进行打包，但是我测试并不能成功，技术问题吧。

下面是我对vue、uni-app两种架构的一些认识。

1. 下载相关的依赖（如区块链的，不然编译出错）

npm install web3 –save

npm install element-ui –save

    2、这个是vue项目的目录结构（多出几个是区块链truffle框架的）

多出是truffle框架初始化写合约多出的几个文件，不必在意。

3、这个是uni-app的目录结构

有以下几点是相同的

 最后想要进行运行的话，还需要修改如下文件

{
  "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    {
      "path": "pages/index/Trace",
      "style": {
        "navigationBarTitleText": "uni-app"
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "uni-app",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  }
}

 在path一栏修改为刚刚vue文件所在目录。

最后如何运行呢？