hbuilder项目转vue项目&&jenkins uniapp
使用vue cli工具、uni预设创建新的项目
官方参考:https://uniapp.dcloud.net.cn/quickstart-cli.html
VUE3项目
如果不知道当前项目用的是什么VUE版本,可以去manifest.json查看vueVersion字段
# VUE3 javascript 项目
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
# VUE3 typescript项目
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
VUE2项目
# 需要全局安装 vue-cli
npm install --location=global @vue/cli@4 --registry=http://registry.npmmirror.com
# 使用预设创建项目
vue create -p dcloudio/uni-preset-vue my-project
根据项目类型选择预设模板(选择默认即可)
使用Vue3/Vite版不会提示,目前只支持创建默认模板
移植项目
# 先将项目运行起来
npm install --registry=http://registry.npmmirror.com
npm run dev
# 删除新项目中的src目录内文件
# 复制老项目文件
# .git package.json package-lock.json node_modules vue.config 不需要复制
# .env 不需要要复制
#
#
#
#
# 如果你的package.json有内容,需要手动合并到项目外层的package.json
# 再次运行
npm run dev
安装node-sass
如果运行时出现出现node-saas错误
"devDependencies": {
"sass": "^1.70.0",
"sass-loader": "^10.0.0",
}
打包APP注意事项,本应用使用 HBuilderX 4.66 或对应的cli版本编译,而手机端SDK版本是 3.96。不匹配的版本可能造成应用异常。
原因是HBuilder与cli的版本不一致
方法一:只加载项目的src目录进行打包(可以救急,但是不推荐)
方法二:将cli的版本与HBuilder保持一致
确定HBuilder的cli版本,打开hbuilder的关于界面,确定hbuild的版本
# 将cli的版本与hbuilder保持一致,此时可能报错,提示版本编号应该是x.y.z
# 需要到hbuilder官网找到真正的版本号
npx @dcloudio/uvm@latest 3.9696.2023110403