light,node.js,webStorm 安装项目搭建

时间:2023-03-09 03:14:19
light,node.js,webStorm 安装项目搭建

light,是一个移动应用开发平台,旨在降低H5、APP的开发门槛、运维成本.提升移动应用产品的持续交付能力。

用light可以做什么

  • 快速组织移动H5应用的协作开发、调试、应用发布,发布的应用可直接用于公众号集成、APP集成或网页访问;
  • 在没有原生开发团队(iOS、Android)的场景下,快速组织APP的协作开发、调试、设备测试、安装包集成、通知、更新等;

开发技术要求

  • 需要开发者擅长HTML5相关的开发技术,熟悉vue框架(light的页面框架基于vue);
  • PC、Mac、Linux都可以,即使是开发APP(light提供了云编译服务);

从这里开始

开发引导

API参考

演示与范例

范例集合

light提供的产品服务

开发脚手架lighting

lighting,是基于nodejs构建的一个命令行工具包,使用lighting可以快速搭建H5、APP、RestAPI的开发工程环境(结合VScode最佳)、本地开发调试、设备联机调试、集成优化出包,以及面向云平台的快速发布;

页面框架

在Vue2.0的基础上设定了一套工程、页面、服务开发规范,并提供配套的UI控件库、设备能力库;

APP引擎

集原生技术、H5混搭技术、JSNative技术与一体的终端运行引擎,并以组件化的方式提供系统、社交、金融、安全方面的模块服务,支持按需插拔、扩展,已内置在云平台中,开发者在开发工程中基于配置引入、SDK进行调用;

云平台

基于蚂蚁金融云搭建,提供H5的发布托管服务,提供APP的在线集成、通知、更新服务;

设备助手LightView

lightView,是一个APP,支持开发者在不需要证书、不需要安装的前提下,使用设备进行APP测试、问题反馈;

帮助与支持

我们提供以下技术支持:

  • 平台私有化实施
  • 平台二次开发培训
  • H5开发培训
  • APP开发培训

联系我们

摘自:https://document.lightyy.com/

Node.js安装及环境配置之Windows篇

Node.js安装及环境配置之Windows篇

一、安装环境

1、本机系统:Windows 10 Pro(64位)
2、Node.js:v6.9.2LTS(64位)

二、安装Node.js步骤

1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2、选安装目录进行安装
3、环境配置
4、测试

三、前期准备

1、Node.js简介
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
2、下载Node.js
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图:

light,node.js,webStorm 安装项目搭建
四、开始安装

1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js

light,node.js,webStorm 安装项目搭建

点击【Next】按钮

light,node.js,webStorm 安装项目搭建

勾选复选框,点击【Next】按钮

light,node.js,webStorm 安装项目搭建

修改好目录后,点击【Next】按钮

light,node.js,webStorm 安装项目搭建
light,node.js,webStorm 安装项目搭建

安装完后点击【Finish】按钮完成安装

light,node.js,webStorm 安装项目搭建

至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

light,node.js,webStorm 安装项目搭建
light,node.js,webStorm 安装项目搭建

安装完后的目录如下图所示:

light,node.js,webStorm 安装项目搭建

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

五、环境配置

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

light,node.js,webStorm 安装项目搭建

创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"
light,node.js,webStorm 安装项目搭建

接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

light,node.js,webStorm 安装项目搭建

进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

light,node.js,webStorm 安装项目搭建
light,node.js,webStorm 安装项目搭建
light,node.js,webStorm 安装项目搭建
light,node.js,webStorm 安装项目搭建
六、测试

配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
输入如下命令进行模块的全局安装:

npm install express -g     # -g是全局安装的意思
light,node.js,webStorm 安装项目搭建

什么是Node?

  Node.js 不是JS文件也不是一个JS框架,而是一个Server side JavaScript runtime(服务端的一个JS运行时),我们可以Node环境中运行JS代码 。

  Node中只能运行ECMScript 无法运行BOM和DOM,它采用的JS引擎是chrome的V8引擎,它就一个运行环境。它是一个轻内核的东西,它本身没有什么功能,所有的功能都是由功能包提供

 Node用途

  一 、开发web应用程序

    1. 做动态网站

    2. 开发提供数据的服务端API

  二 、前端开发工具基础

    Node.js给前端或者说整个开发行业带来一场工业革命

  因为node的版本的迭代速度很快,而且存在官方的和非官方版本,那么这时候我们许一个管理工具帮助我们开发,它就是nvm (node version manager)。当然也可以下载node的安装文件直接安装 ,会很方便。

  安装好之后,在DOS下 输入 node -v 检查是否安装成功以及安装版本

    C:\Users\wh>node -v

    v5.0.0

    那么直接 输入node index.js  它会执行js文件,当然

  当然,这么做其实意义不大,下面的操作之前需要了解请求和响应

  请求:客户端发送到客户端的东西称之为请求报文

  响应:服务端返回给客户端的东西称之为响应报文

  报文:报文分头和体,报文体是我们真正要的东西,而头是对体的一些描述

 创建一个新的js文件,运行 node index(因为默认是js文件,所以文件后缀可以不写)

 然后在本地服务服务下打开8080端口;成功之后则会在dos中显示请求内容

light,node.js,webStorm 安装项目搭建
 1 'use strict';
2 //可以 用了创建一个HTTTP服务器,node内置http服务器
3 var http = require('http')
4 //创建一个服务
5 var server = http.createServer(function(request,response){
6 //出来请求和响应
7 console.log('有人来了');
8 console.log(request.url);
9
10 response.writeHead(200,{
11 'Content-Type':'text/html',
12 'key1':'value1'
13 });//告诉客户端,给它的是html
14 //往响应体中放数据(只能是字符串)
15 response.write('<h1>测试</h1>');
16 response.end()//代表结束
17 });
18 //启动服务
19 server.listen(8080,function(error){
20 console.log('正在监听')
21 })