目前官方说,通过cli安装的项目才能通过命令编译打包。
但是我的项目之前是在HBuilderX可视化新建的,那就改造下。
先新建一个项目,以下步骤搬官方的。可跳过。

全局安装,我是用

npm install -g @vue/cli

我安装的是正式版

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

此时,会提示选择项目模板,初次体验建议选择 hello uni-app 项目模板,如下所示:
在这里插入图片描述

选择模板之后,回车,等待一会。就可以装好了,这时候我们看到他们的目录结构。

在这里插入图片描述
你会发现src内的文件夹内容就是可视化新建项目的内容。
因为我之前的项目已经放git了,就在原来的改了。

打开之前需要改造的项目的根目录。
1、先建一个src的文件,把除了.git的文件都放进去src文件夹。

2、打开刚刚通过命令新建的项目。把以下文件复制到改造项目的根目录
在这里插入图片描述
3、回到需要改造项目,启动cmd命令(快捷方式,在上方的文件路径,输入cmd,回车,就打开直接定位到当前的路径的cmd命令窗口)。
命令 yarn install 或 yarn

yarn install 

如果你代码用到sass,自行安装下。

另外,我发现如果不用hello uni-app,需要手动安装core-js。如没遇到,当我没说。

npm run dev:%PLATFORM%    
npm run build:%PLATFORM%

%PLATFORM% 取值看packpage文件吧。

----------------------------------分割线----------------------------------

----------------------------------分割线----------------------------------

----------------------------------分割线----------------------------------
引用下官方文档

1、cli 创建的项目,编译器安装在项目下。并且不会跟随HBuilderX升级。如需升级编译器,执行 npm update,或者手动修改 package.json 中的 uni 相关依赖版本后执行 npm install。更新后可能会有新增的依赖并不会自动安装,手动安装缺少的依赖即可。

2、已经使用cli创建的项目,如果想继续在HBuilderX里使用,可以把工程拖到HBuilderX中。注意如果是把整个项目拖入HBuilderX,则编译时走的是项目下的编译器。如果是把src目录拖入到HBuilderX中,则走的是HBuilderX安装目录下plugin目录下的编译器。

3、发布App时,仍然需要使用HBuilderX。其他开发工具无法发布App,但可以发布H5、各种小程序。如需开发App,可以先在HBuilderX里运行起来,然后在其他编辑器里修改保存代码,代码修改后会自动同步到手机基座。

Logo

前往低代码交流专区

更多推荐