zoukankan      html  css  js  c++  java
  • 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中的终端有图有真相。

  • 相关阅读:
    前端框架AngularJS入门
    springcloud---Eureka yml
    springcloud 的Eureka配置
    虚拟机中文件和目录的相关操作
    SpringBoot整合Redis
    IDEA整合GIT操作
    Ubuntu 安装步骤
    Centos 7 安装
    Centos 6 安装步骤
    防止root口令被破解
  • 原文地址:https://www.cnblogs.com/littleswan/p/11288328.html
Copyright © 2011-2022 走看看