weex-02-初始化工程

本节任务

  • 初始化一个工程

第一步

创建一个文件目录,这个目录主要放我们的练习demo,我给它命名为weex**

这个是创建的问题

第二步

打开终端工具 'CD 路径' 进入这个目录中

5BBD1381-B30B-4703-A6DD-BCA8E39D9119.png

cd /Users/xujie/Documents/weex

截图

友情提示

先输入cd 然后将文件夹拖动到终端界面上,然后放手松开鼠标左键之后,地址自动填充到终端里了

第三步

使用命令初始化工程

weex init FirstProject

接下来在命令行窗口会出现一句话 prompt: Init your Project: (FirstProject)

输入一个名字-这个名字就是整个项目的名称

3E9492A3-2687-4BAB-9238-11DD4CEC9971.png

项目初始化完成后,生成的目录如下

这个是初始化完成后项目中自动生成的文件和目录

第四步

安装依赖的第三方javascript包

npm install

安装完成后的截图

工程中增加了一个文件夹 如下

node_modules

第五步

接下来我们运行打包命令

npm run dev

打包完成后,终端窗口的截图

打包完成后,命令行窗口的截图

工程中新增的文件截图

工程中新增的文件截图

第六步 使用下面命令启动web服务

npm run serve

DB76B73A-E98B-4BB3-ACCF-ACFEBBFC4B27.png

第七步 在浏览器中输入下面地址进行查看

localhost:8080

CAB04FB0-0391-4CE3-B53C-9C67E3EE3A87.png

使用app进行扫码查看

IMG_2201.PNG

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏电光石火

MySQL服务无法正常启动的解决方法(1053错误)

今天我重启了服务器,这下杯具了.mysql一直报1053错误:服务没有及时响应启动或控制请求.我用结束进城和重启服务器方法都无法正常启动.重装MySQL服务...

3056

rsync简介

Rsync是一个命令行实用程序,它将文件和文件夹从一个位置同步到另一个位置。可以使用rsync实现的一些工作流程是从开发计算机更新生产主机,或使用cron作业调...

972
来自专栏xcywt

vs2013 配置支持https的libcurl

nasm需要手动配置环境变量。ActivePerl下载下来一路next安装就好了。

1103
来自专栏nnngu

01 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之业务分析与DAO层

项目源代码:https://github.com/nnngu/nguSeckill ---- 这是一个整合IDEA+Maven+SSM框架的高并发的商品秒杀项...

3828
来自专栏技术之路

Qt 5.2 Creator 和 vs2012 QT 插件的安装

在QT官网下载QT http://qt-project.org/downloads 我下的是64位版本Qt 5.2.1 for Windows 64-bit v...

1979
来自专栏三木的博客

RPM软件包管理机制之旅

    Linux下的man命令十分实用,可以查看Linux命令的手册。但这些手册只适用于忘记命令的选项时查询之用,如果用来学习Linux下类似于Git, RP...

3877
来自专栏jeremy的技术点滴

学习etcd

4425
来自专栏分布式系统进阶

Zookeeper运维问题集锦

1961
来自专栏idba

supervisor 工具介绍

supervisor 是一款基于Python的进程管理工具,可以很方便的管理服务器上部署的应用程序。supervisor的功能如下:

731
来自专栏黑泽君的专栏

win10电脑休眠后无法唤醒的解决办法

  电脑的休眠功能,为长时间不用的电脑进行了关闭显示、硬盘停转的深度节能模式,不仅节约能源,还保护设备。

2121

扫码关注云+社区