xljx18335908301@outlook.com 's Blog

uni-app 工程创建

https://uniapp.dcloud.io/quickstart

生成相同的 hello-uni-app 示例工程，两者目录比较：

 HBuilder 项目

WebStorm 项目

注：

dev:h5 模式下运行项目,编译后的产物放置在缓存目录下（非dist 目录下）

HBuilderX 工程转换为 vue-cli 工程

vue-cli 版更新频率较高，当需要使用一些新特性时可以转换为 vue-cli 工程

步骤

1. 使用 vue-cli 新建空工程
2. 将 HBuilderX 工程内的文件（除 unpackage、node_modules 目录）拷贝至 vue-cli 工程内 src 目录
3. 在 vue-cli 工程内重新安装 npm 依赖  npm install

vue-cli 工程转换为 HBuilderX 工程

当需要开发 App 端时，可以转换为 HBuilderX 工程

步骤

1. 将 vue-cli 工程（需为uni-app项目）内的 src 目录复制一份，导入 HBuilderX 作为新工程。
2. 在新工程目录内重新安装 npm 依赖

Reference

项目模版：

https://github.com/dcloudio/uni-preset-vue

官方文档

https://ask.dcloud.net.cn/article/35750

官方目录结构说明

https://uniapp.dcloud.io/frame?id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84

npm 配置文件

https://docs.npmjs.com/files/package.json

https://blog.csdn.net/m18633778874/article/details/81625421

babel

https://www.babeljs.cn/

postcss

https://www.postcss.com.cn/

webpack

https://www.webpackjs.com/