创建weex工程

创建weex工程

create by zhangwei

执行命令 weexpack create appName 创建工程,appName指你的工程的名字

进入工程目录,执行

weexpack platform add android 添加android工程
weexpack platform add ios       添加IOS工程 

修改package.json文件

scripts区域添加启动服务和监听编译
"serve": "serve ./ -p 9100"
"buildw": "webpack --watch",

devDependencies区域添加serve依赖
添加:"serve": "^1.4.0",

修改webpack.config.js文件

95:行 修改为只编译指定目录下的js文件
entry: { 
'debug/launch':pathTo.resolve('src/anchor/launch','index.js'), 
},
126行 只编译weex配置文件,去掉html的编译
var exports = [weexConfig];

添加对es6支持

新建.babelrc文件
在文件中输入:{ "presets": ["es2015"] }
否则报错: Unexpected token: punc (()
ERROR in index.web.js from UglifyJs

重新执行 npm install
启动服务和编译

npm run serve
npm run buildw
  • 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、付费专栏及课程。

余额充值