想做个手机端web应用,想使用AmazeUI-touch,官方文档不是很入门级。 研究了许久,查阅了很多资料,感觉还是从react入手,从头学起吧。
接触react,不得不接触nodeJS,nodeJS自带npm模块,(node package manager)。很多操作都离不开npm。
本文只记录一下配置过程以及如何操作上手,不对原理及各种命令使用方法做教科书式介绍。
首先安装适合自己操作系统的nodeJS,现在无论是windows、Linux、Mac操作起来都一样。安装后在命令行键入node -v
和npm -v
测试安装是否成功。
因为AmazeUI-touch官网的介绍一直用了webpack,
Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。
所以我也装了一个,但我不一定会用。命令行键入npm install webpack -g
-g表示在全局环境下安装。然后键入webpack -v
测试一下。
后来下载了几个组件玩了玩,发现写的都是ES6的语法,在使用前还需要编译成ES5,编译工具有好多,有CSS的,有JavaScript的,每一个工具都需要配置。在这里我研究了好久。。。花了几个小时时间,我觉得我还需要学习一下ES6的语法,将JavaScript和HTML混合编写。嗯。。要学的东西好多啊。