美文网首页派大星爱吃小鱼干
vue-cli工程转HbuilderX工程

vue-cli工程转HbuilderX工程

作者: 程序猿阿峰 | 来源:发表于2020-02-18 18:29 被阅读0次
  • 将 vue-cli 工程(需为uni-app项目)内的 src 目录复制一份,导入 HBuilderX 作为新工程。
  • 在新工程目录内重新安装 npm 依赖(如果之前使用了 npm 依赖的话,记得先 npm init 初始化)

vue-cli工程目录

vue-cli工程目录

创建新的HbuilderX工程目录

image.png image.png image.png

将新的HbuilderX工程目录下的全部文件删除,将vue-cli工程目录下的src里全部文件复制到新的HbuilderX工程目录下,将根目录下的 tsconfig.json 文件也一起复制,如果需要下载依赖,将根目录下的 package.json 文件也一起复制,执行 yarn 或 npm i 下载依赖;

最终的目录结构

image.png

打包 apk

原生APp image.png

这里只是测试,所以只使用公共测试证书,,点击打包将会自动编译;成功后控制台会出现一下提示,点击链接即可下载apk;

image.png image.png

相关文章

  • vue-cli工程转HbuilderX工程

    将 vue-cli 工程(需为uni-app项目)内的 src 目录复制一份,导入 HBuilderX 作为新工程...

  • 1、cli

    1、构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么? 2、vue-cli 工程常用的 npm 命...

  • vue面试题

    问题一:构建的 vue-cli 工程都到了哪些技术,它们的作用分别是什么? 1、vue.js:vue-cli工程的...

  • (20)打鸡儿教你Vue.js

    vue-cli 快速创建工程,工程化项目目录 https://www.bootcdn.cn/ https://ww...

  • vue架构搭建

    框架搭建步骤 1、 Vue-cli脚手架安装 npm install -g vue-cli 2、 创建工程 ...

  • qt工程转vs工程

  • vue-cli3.0创建项目

    1 . 准备工作 更新npm到最新版本 使用 npm 全局安装 vue-cli 2 . 创建工程 3 . 工程创建...

  • 学习 vue 的总结

    1. vue-cli :快速创建vue工程的开发工具指令集 安装vue-cli :npm install -g @...

  • vue-cli

    1、什么是 vue-cli vue-cli(俗称:vue 脚手架)是 vue 官方提供的、快速生成 vue 工程化...

  • 「前端摸索笔记」Vue开发电商商城

    1.webpack创建工程 ``` $ npm install -g vue-cli $ vue init web...

网友评论

    本文标题:vue-cli工程转HbuilderX工程

    本文链接:https://www.haomeiwen.com/subject/zbfnfhtx.html