一起学习Weex开发(二) 创建第一个项目

一、创建第一个项目:

进入所需工作空间盘符:

1
d:

进入相应工作空间:

1
cd WeexWorkSpaces

输入创建命令:

1
weex create running-app
以下为创建时所出现的相关内容解释:
提示目录已存在,是否继续:Y
Project name(工程名):回车
Project description(工程介绍):回车
Author:作者名
Vue build(是否安装编译器):回车
Install vue-router(是否安装Vue路由):回车
Use ESLint to lint your code(是否使用ESLint检查代码,我们使用idea即可):n
Set up unit tests(安装测试工具):n
Setup e2e tests with Nightwatch(也是测试相关):n
Should we run `npm install` for you after the project has been created? (recommended):选择:No, I will handle that myself

输入完这条命令时,如果你没有安装weexpack,他会提醒你进行安装,这个weexpack也可以自己单独安装

1
npm install weexpack - g
 这个过程会比较缓慢,请勿强制关闭命令窗口,有可能导致weex 相关命令报错。

weex create running-app

当初出现

Success! Created running-app at D:\xxxx\xxxx

说明项目构建完成了,我们可以到项目目录中去看一下。


1
cd running-app

安装依赖包

1
npm install
如果你感觉慢的话,你也可以使用cnpm install  ,但是要说的是cnpm 有时候会安装错误,这也算一个小坑吧。如果你用npm进行安装时间会很长,并且在安装完成后会有一些WARN警告,你可以暂时忽略这些警告

添加相应的运行平台

项目创建完成后,我们需要添加我们的运行平台比如android或者ios,这里我们添加 android 平台。

1
weex platform and android

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用VSCode创建Weex项目时,首先需要安装VSCode和vscode-weex插件。你可以在VSCode的商店中搜索并安装该插件。安装完成后,你可以按照以下步骤创建Weex项目: 1. 打开VSCode,点击左侧的“运行和调试”按钮(或使用快捷键CTRL + SHIFT + D)。 2. 在弹出的面板中,点击“创建launch.json文件”。 3. 在弹出的选项中,选择“Weex Debug: Launch android”。 4. 这将创建一个名为launch.json的文件,其中包含启动Android调试所需的配置信息。 接下来,你可以按照官方文档的描述进行项目的初始化和配置。确保在创建项目之前,你已经安装了Node.js,并且在命令行中可以使用npm命令。根据你的操作系统,你可以按照以下步骤进行Node.js的安装: - 在Mac上,你可以使用Homebrew来安装Node.js。在命令行中执行`brew install node`即可。安装完成后,你可以使用`npm -v`和`node -v`命令来验证安装结果。 - 在Windows上,你可以通过两种方式安装Node.js。一种是使用Chocolatey包管理工具进行安装,但这需要安装Chocolatey客户端等软件,比较繁琐。另一种是直接从Node.js官网下载msi安装包进行安装。安装完成后,你可以使用`npm -v`命令来验证安装结果。 完成上述步骤后,你就可以开始创建开发Weex项目了。希望对你有所帮助! #### 引用[.reference_title] - *1* *2* [2022 Weex 工程搭建流程](https://blog.csdn.net/qq_40616261/article/details/124650524)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Weex 02 环境配置](https://blog.csdn.net/qizewei123/article/details/79315123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值