使用webstorm建立的vue项目,及使用hbuilderx进行app打包

您所在的位置:网站首页 hbuilderx怎么安装不了 使用webstorm建立的vue项目,及使用hbuilderx进行app打包

使用webstorm建立的vue项目,及使用hbuilderx进行app打包

2023-03-15 00:04| 来源: 网络整理| 查看: 265

1.首先使用webstorm 进行项目的创建,模板使用webpack 全局安装vue-cli npm install -g vue-cli 全局安装 webpack npm install webpack -g 在这里插入图片描述 2.查看到项目目录结构如下 在这里插入图片描述 3.在这样直接进行npm run dev,编译器可能会报错,由于是有eslint的语法检查,因此在settings里边关闭检查。 在这里插入图片描述 4.写好自己的项目之后,访问后端项目,进行跨域的处理,可以设置proxyTable. 在这里插入图片描述 在target里边直接设置目标ip地址+端口,或域名。在axios里边进行请求时直接访问接口路径,无需加上地址,会直接进行代理。 5.在打包app的时候使用hbuilderx进行打包。 (1)不需要进行proxyTable的配置,在所有的请求后端的api直接使用完整路径请求, (2)在build文件夹下找到webpack.prod.config.js里边修改output.给里边添加publicPath:’./’, 在这里插入图片描述

使用npm run build,运行vue项目生成dist文件。如下: 在这里插入图片描述 6.使用hbuilderx创建app 在这里插入图片描述 只留下manifest.json文件,删除掉js,css等目录 在这里插入图片描述 将dist下的static放进来,将html替换掉。 然后就可以直接进行云打包。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3