[KISSY5系列]KISSY5安装使用

Posted 2020-09-15 idefav2010

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[KISSY5系列]KISSY5安装使用相关的知识，希望对你有一定的参考价值。

本文将从零开始安装KISSY环境

一、安装nodejs

从nodejs网站下载nodejs安装

地址: https://nodejs.org/en/download/

二、下载KISSY

下载地址: npm install [email protected]

先创建目录

cd ~/Documnets/Git/
mkdir kissydemo
cd kissydemo
npm install [email protected]

下载完成后,进入目录查看

技术分享

三、Build Kissy

npm install bower -g
npm install
bower install
npm run build

在KISSY目录运行上面的代码

查看build目录

ls
cd build
ls

技术分享

到这里KISSY5的已经在本地装好了

四、测试

在kissydemo目录新建html文件，并引用kissy

a).使用sublime Text打开kissydemo目录

技术分享

b).新建index.html文件,并输入如下内容

 1 <meta http-equiv=Content-Type content="text/html;charset=utf-8">
 2 <!DOCTYPE html>
 3 <html>
 4 <head>
 5     <title></title>
 6     <script type="text/javascript" src="./node_modules/kissy/build/seed.js" data-config="{combine:false}"></script>
 7 </head>
 8 <body>
 9 <div id="content"></div>
10 <script type="text/javascript">
11     require([‘node‘],function ($) {
12         $("#content").html("test");
13     })
14 </script>
15 </body>
16 </html>