uni-app HBuilderX 工程转换 vue-cli 工程

风花一世月

发布于 2024-03-19 14:04:16

2600

发布于 2024-03-19 14:04:16

文章被收录于专栏：前端

1、使用 vue-cli 4 新建空工程

vue create -p dcloudio/uni-preset-vue my-project

地址不行就直接下载,使用本地地址

2、将 HBuilderX 工程内的文件（除 unpackage、node_modules 目录）拷贝至 vue-cli 工程内 src 目录

3、在 vue-cli 工程内重新安装 npm 依赖（如果之前使用了 npm 依赖的话）

// 安装sass
npm i sass -D

// 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错
npm i sass-loader@10 -D

//如果使用了less
npm install -g less

npm install less-loader
//运行
npm run serve

//如果使用的uview
//删除src下的uview，改用npm安装
pages.json
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-01-06，如有侵权请联系 cloudcommunity@tencent.com 删除

app