uni-app开发环境

搭建开发环境

安装并运行HbuiderX

https://www.dcloud.io/hbuilderx.html

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2Q69NVen-1612515129213)(F:\Uni-app.assets\image-20210201142828682.png)]

创建uni-app项目

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uWUNFEdx-1612515129217)(F:\Uni-app.assets\image-20210201143440063.png)]

使用vue-cli的方式运行项目
C:\Users\52Hz>node -v                                                                                                           v10.14.2   

C:\Users\52Hz>npm install @vue-cli -g                                                                                             npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli                                        npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142              npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)                            npm WARN deprecated har-validator@5.1.5: this library is no longer supported                                                     C:\Users\52Hz\AppData\Roaming\npm\vue-init -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init               C:\Users\52Hz\AppData\Roaming\npm\vue -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\vue-cli\bin\vue                         C:\Users\52Hz\AppData\Roaming\npm\vue-list -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list               + vue-cli@2.9.6                                                                                                                 added 236 packages from 204 contributors in 9.732s

C:\Users\52Hz>vue -V                                                                                                             2.9.6 

C:\Users\52Hz>npm cache clean --force                                                                                           npm WARN using --force I sure hope you know what you are doing.                                                                 C:\Users\52Hz>npm i -g npm                                                                                                       C:\Users\52Hz\AppData\Roaming\npm\npx -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\npm\bin\npx-cli.js                       C:\Users\52Hz\AppData\Roaming\npm\npm -> C:\Users\52Hz\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js                        + npm@6.14.11                                                                                                                   added 435 packages from 889 contributors in 5.667s 


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MNgFJOz8-1612515129218)(F:\Uni-app.assets\image-20210201145132838.png)]

C:\Users\52Hz\Desktop>vue create -p dcloudio/uni-preset-vue test-uniapp                                                         Fetching remote preset dcloudio/uni-preset-vue... 

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a0rr5YYB-1612515129220)(F:\Uni-app.assets\image-20210201145359786.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eCghpiP7-1612515129221)(F:\Uni-app.assets\image-20210201145842117.png)]

uni-app开发环境配置包括以下步骤[^1]: 1. 下载和安装HBuilder X:HBuilder X是uni-app的官方开发工具,可以在官网上下载并安装。 2. 创建uni-app应用:在HBuilder X中,可以通过以下步骤创建一个uni-app应用: - 打开HBuilder X,点击菜单栏的“文件”->“新建”->“项目”。 - 在弹出的对话框中,选择“uni-app”作为项目类型,填写项目名称和保存路径,点击“创建”按钮。 - 在创建项目的过程中,可以选择使用默认模板或自定义模板,也可以选择添加插件和扩展。 3. 打包uni-app应用: - 原生App打包:在HBuilder X中,可以通过以下步骤将uni-app应用打包成原生App: - 点击菜单栏的“发行”->“原生App-云打包”。 - 在弹出的对话框中,选择目标平台(如Android或iOS),填写相关配置信息,点击“云打包”按钮。 - 完成云打包后,可以下载生成的App安装包进行测试或发布。 - 发布原生App:在HBuilder X中,可以通过以下步骤将uni-app应用发布成原生App: - 点击菜单栏的“发行”->“原生App-本地打包”。 - 在弹出的对话框中,选择目标平台(如Android或iOS),填写相关配置信息,点击“本地打包”按钮。 - 完成本地打包后,可以在生成的App安装包中找到发布所需的文件。 以上是uni-app开发环境配置的简要介绍。如果需要更详细的步骤和操作,请参考相关引用文档[^2]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值