【项目】UniApp实战多端企业网盘全栈开发 2 环境搭建和项目创建

小灰灰 2024-03-22 13:16 18阅读 0赞

### 【项目】UniApp实战多端企业网盘全栈开发 ###

#### 文章目录 ####

*   *  【项目】UniApp实战多端企业网盘全栈开发
     *   *   *  2 环境搭建和项目创建

![在这里插入图片描述][c16e625b9deb4e4dad4d1d78196929fd.png_pic_center]

##### 2 环境搭建和项目创建 #####

编辑器：HBuilder X

[https://www.dcloud.io/hbuilderx.html][https_www.dcloud.io_hbuilderx.html]

![在这里插入图片描述][74d2cb8e595745058c984829f831c401.png_pic_center]

这里笔者就不演示安装了，这个东西解压就能用了

![在这里插入图片描述][60521d804ba1400fa247794f66089315.png_pic_center]

这是笔者使用的版本

![在这里插入图片描述][3bb7853f36ee4bb281dd60925ed2ddc8.png_pic_center]

直接创建项目吧

![在这里插入图片描述][ea1e4033b01f4bd7a110bc17c2aaef1e.png_pic_center]

![在这里插入图片描述][dce5bacf689c473b97ae665e6ab3e3af.png_pic_center]

![在这里插入图片描述][0eed67f8bf984bc28f5331f78882113b.png_pic_center]

![在这里插入图片描述][ec618781f033409886c91b08d4bc2e51.png_pic_center]

现在创建的项目确实和老师的已经很大的不同了

修改一下吧

`main.js`

import Vue from 'vue'
    import App from './App'
    
    Vue.config.productionTip = false
    
    App.mpType = 'app'
    
    const app = new Vue({
        
    	...App
    })
    
    app.$mount()

![在这里插入图片描述][f568b99e9b974326994d7b78da990fa0.png_pic_center]

直接运行到内置浏览器

![在这里插入图片描述][bc161a4add0b457a974fa1b1224bbe9f.png_pic_center]

`清理一下`index 页面

![在这里插入图片描述][8c9d48d62eea427eb8b8ea4df2676f0c.png_pic_center]

OK，就这样。

[c16e625b9deb4e4dad4d1d78196929fd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/73c45d62c3924db6be5fb7cb331ea309.png
[https_www.dcloud.io_hbuilderx.html]: https://www.dcloud.io/hbuilderx.html
[74d2cb8e595745058c984829f831c401.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/facba1d67dd44cf4af8270f5cc8bcb82.png
[60521d804ba1400fa247794f66089315.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/4d4de203d5484dada3f0894cd328c5c7.png
[3bb7853f36ee4bb281dd60925ed2ddc8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/13833fb15fdb4f74963059714d436601.png
[ea1e4033b01f4bd7a110bc17c2aaef1e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/d2cc75df2b2a4baeaa02fcdb89e48915.png
[dce5bacf689c473b97ae665e6ab3e3af.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/4ff542cbf7814cd8be064149cde0ecea.png
[0eed67f8bf984bc28f5331f78882113b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/06215a20343a426cb6c762473d266a6e.png
[ec618781f033409886c91b08d4bc2e51.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/494dc43e4e83445fa5f5ed573036530e.png
[f568b99e9b974326994d7b78da990fa0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/d3eeb1686812400284318618a9d73a32.png
[bc161a4add0b457a974fa1b1224bbe9f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/b7027d46388a46b1b164aa4c98d3f73b.png
[8c9d48d62eea427eb8b8ea4df2676f0c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/877c59f82a3a4108990da51013fd37d3.png