nodejs中weex前端框架小项目的搭建。

最近想要在学习nodejs,前端框架想要使用weex然后就想要安装一个weex框架。

首先我们要先安装好自己的nodejs,

判断自己的nodejs是否安装成功,自己可以打开自己的dos窗口,然后自己进行验证,在窗口中输入node -v查看自己的版本号。如图:

然后自己可以直接进行安装weex这个框架,但是自己试了一下几次都没有安装成功,然后自己就只好转变自己的安装方法。成功的一次是自己通过淘宝镜像的cnpm安装成功了。

当我们安装好了nodejs之后,通过配置自己的环境变量,自己可以配置好自己的环境变量。

然后我们可以通过如上图所示。一条语句在dos中输入

cnpm install -g weex-toolkit

进行安装自己weex框架。

然后我们就可以进行自己的第一个app的设置了。

在我们的webstorm中的终端我们输入

weex create awesome-app

来创建我们的一个空的模板项目:如图所示:

然后让我们一直按回车,知道这个东西结束了。

开发开始

下一步就是进入刚刚创建的额文件夹,并且安装依赖,

然后执行npm start

cd swesome-app

npm install

npm start

然后工具会启动一个本地的web服务器,经停8081端口。你可以进行打开自己的webstorm中的终端提供的url进入就可以进入

一个模板的网页

如图所示:

有的网址可能是:

http://localhost:8081但是正如图所示我的是这个网址。在webstorm中的终端有图有真相。

原文地址:https://www.cnblogs.com/littleswan/p/11288328.html

时间: 2024-10-10 04:25:36

nodejs中weex前端框架小项目的搭建。的相关文章

前端框架Bootstrap - 快速搭建网站

Bootstrap简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.是一个CSS/HTML/JavaScript框架.Bootstrap是基于HTML5和CSS3开发的,包含丰富的组件,根据这些组件可以快速的搭建一个漂亮.功能完备的网站.其中包括以下组件:下拉菜单.按钮组.导航.导航条等等.可以说Bootstrap是一个简洁简单的前端开发框架,可以让Web开发更迅速更简单. 学习和下载资料主要可以通过官方中文网 www.bootcss.com . Bootstrap优

Java Web开发中Spring+MyBatis框架的简单搭建

这里使用的eclipse,首先创建一个动态web项目. 1.导入Spring IOC.AOP.DAO.dbcp.dbdrive.mybatis.jar . mybatis-spring.jar  本人使用的jar包和版本如下: aopalliance.jaraspectjweaver.jarcommons-dbcp-1.4.jarcommons-logging.jarcommons-pool-1.5.6.jarmybatis-3.2.5.jarmybatis-spring-1.2.2.jarmy

(六)、nodejs中的express框架获取http参数

express获取参数方法: 一.通过req.params app.get('/user/:id', function(req, res){ res.send('user ' + req.params.id); }); 也可以: app.get('/user/:id', function(request, response){ response.send('user ' + request.params.id); }); 二.通过req.body var app = require('expre

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇——纯前端多页面)

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇--纯前端多页面) @(HTML/JS) 一般来说,使用vue做成单页应用比较好,但特殊情况下,需要使用多页面也有另外的好处.例如手Q的多webview架构,新开页面有利于ios右划返回,也避免了返回时页面的刷新. 所以,这里我们探讨一下如何配置实现多页面的项目框架.这里是开篇,先以最简单的纯前端多页面为例入手,最终目标是完成Node.js多页面直出+前后端同构的架构. 本文源代码:https://github.c

中后端管理系统前后分离、前端框架的实现拙见

一.实现思路 在实践中后台管理系统的前后端分离时,往往会因为业务量的增加使其前端项目难以维护,以及打包时间不理想,还有业务系统与框架之间区分不在明显.本文是本人从另一个角度提出的一种解决方案,希望各位提出宝贵的建议. 一个通用的框架项目此项目为框架项目,只负责提供基础方法,以及第三方依赖包的管理(因为一套系统第三方依赖包的版本应该统一的).提供业务子系统的注册.布局的管理.导航管理等功能. 框架项目的cli,用于快速搭建业务子系统的开发平台首先以框架项目的生产版本为基础,制作一个模板项目:然后再

angularjs+requlirejs 搭建前端框架(1)

第一部分:发发牢骚吧 随着富前端时代的逐渐深入,越来越多的前端技术框架层出不穷,可以说是百花齐放.让我们这些爱好前端的人疲于奔命,今天学习这个框架,明天研究那个框架,哎,说不出的蛋疼...感觉好累...各种大神各种框架@#¥%,看得我是云里来雾里,心中一万只羊驼狂奔...看着大牛“越走越远”的背影,带着这颗被狂奔的心,我也只能继续前行啊... 之前说过,没有一颗成为“将军”的心,没有为成为“将军”而付出的人,那么你就只能接受“士兵”待遇.也许知足常乐.也许废寝忘食,见仁见智,没有对错…… 第二部

从Java的角度理解前端框架,nodejs,reactjs,angularjs,requirejs,seajs

[突然领悟] 今天看了一遍reactjs,突然发现和自己一直用的freemarker的宏十分相似, 突然领悟了很多前端吊炸天的概念,框架,特写此文,欢迎批评指正. [nodejs] 官网:https://nodejs.org/ 简介:对前端来说极其重要的一个"框架",简直可以说是开天辟地 类比Java中:JVM 详述: 就前端来说nodejs具有划时代的意义,做前端的没用过nodejs都不好意思说自己是前端, 做后端的没听过nodejs,或者说不出nodejs和java的优缺点,也不是

eclipse中SSH三大框架环境搭建<三>

相关链接: eclipse中SSH三大框架环境搭建<一> eclipse中SSH三大框架环境搭建<二> 引言:通过上两篇文章我们已经可以掌握struts2和spring的环境的搭建以及简单使用,但是在访问数据库层面使用的是传统的JDBC.在我们项目开发中使用JDBC确实是不太理想的,所以今天我给大家来讲解一下目前行业中比较流行的持久层框架——hibernate. 第1步:我们依旧需要引入hibernate的jar包 找到hibernate解压好的文件目录,在该目录下的lib目录下有

项目中使用技术框架的最重要目的是什么?

最近在着手项目改造,突然想到一个问题,我们为什么要用框架,框架的最重要目的是什么? 如果在框架使用之前,在进行框架搭建时,我可能会想: 要使用最合适的技术架构,解决业务问题 减少开发人员的代码开发量. 让开发人员更加专注于业务流程. 但是在项目运行到一定阶段,我们会发现: 在项目运行到一定时期,技术架构可能在一定程度上不再满足最新的业务问题,但是我们还是要使用框架而不是去自由开发自己的代码. 在某些功能模块中,可能会有很多种代码编写方式,真是比用框架写更少的代码. 再回过头来考虑为什么使用框架时