[KISSY5系列]KISSY5安裝使用(一)

時間 2019-11-10

標籤 kissy5 kissy 系列安裝使用简体版

原文原文鏈接

目錄:http://www.cnblogs.com/idefav2010/p/6785610.htmljavascript

本文將從零開始安裝KISSY環境html

1、安裝nodejsjava

從nodejs網站下載nodejs安裝node

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

2、下載KISSYnpm

下載地址: npm install kissy@5.0.0 bash

先建立目錄ide

cd ~/Documnets/Git/
mkdir kissydemo
cd kissydemo
npm install kissy@5.0.0

下載完成後,進入目錄查看測試

3、Build Kissy網站

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

在KISSY目錄運行上面的代碼

查看build目錄

ls
cd build
ls

到這裏KISSY5的已經在本地裝好了

4、測試

在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>