最近在学习用BUI开发webapp，查了很多资料，费了好大劲才安装运行成功，特此分享一下，需要的朋友可以看看。

本文参考的BUI官方文档链接：http://www.easybui.com/docs/

1. 编辑器

( 推荐: vscode, Atom 或 Sublimetext3 );我用的是sublimetext3**

2. bui-fast

点击下载 (配合编辑器快速书写插件, 支持 Vscode, Atom , Sublimetext , Webstorm , APICloudIDE )

Sublimetext 安装 BUI-Fast

Windows: 打开顶部 Sublime Text 菜单 --> Preferences --> Browse Packages , 复制BUI-Fast-Snippet-SublimeText目录进去就好.

Mac: 打开顶部 Sublime Text 菜单 --> Preferences --> Browse Packages ,复制BUI-Fast-Snippet-SublimeText目录进去就好

3. npm与cnpm

• 首先需要安装node环境才能使用npm命令，点击安装node.js
  node.js安装成功后npm也会自动安装成功，我的安装路径在D:program files(x86)\nodejs

• 输入cmd进入命令提示符界面
  在命令行输入node -v和npm -v测试是否安装成功，如下：
  

• 配置npm的全局模块的存放路径以及cache路径
  在命令行输入以下命令：
  npm config set prefix “D:\program files(x86)\nodejs\node_global”
  npm config set cache “D:\program files(x86)\nodejs\node_cache”

  成功后文件夹截图如下
  

• 配置环境变量
  我的电脑——>属性——>高级系统设置——>环境变量——>在系统变量PATH添加如下：
  

• 安装cnpm
  因为npm install安装会很慢，所以建议安装淘宝的npm镜像（若不用镜像，下文命令中的cnpm需改为npm）
  安装命令：
  npm install -g cnpm --registry=https://registry.npm.taobao.org
  命令行输入cnpm -v检测是否安装成功，如下就是成功
  这时会报cnpm不是内部命令，这是因为 cnpm也需配置环境变量，步骤与上面相同

在系统变量PATH后添加如下

将用户变量下的PATH修改成如下

然后退出重新打开cmd，输入cnpm -v，搞定。（一定要记得退出啊！）

4. 安装buijs

• windows安装命令：cnpm install -g buijs
  成功则目录如下
  

5. 创建webapp工程

• 创建webapp工程 (demo 为工程名称, 如果没有,则在当前目录)
  $ buijs create demo
  可自行决定该工程的放置路径，只需在命令行先通过cd xxx进入指定路径，再输入以上命令

• 进入工程目录
  $ cd demo

• 安装依赖
  $ cnpm install

• 自动打开浏览器并监听js,scss,html等文件的修改
  $ cnpm run dev

成功会自动打开浏览器（我用的是火狐浏览器），界面如下

若想以手机页面进行开发，可参考该博主链接：点击进入

设置成功界面如下：

6.用Sublime Text打开并编写代码

• 点击Sublime Text进入相应界面
• 左上角点击文件选择打开文件夹，打开上面创建的工程demo的文件夹（也可选择demo文件夹中的dist文件夹，更简略。dist文件夹在运行cnpm run dev命令后会自动生成）
• 在项目中新建html、js等文件就可自行编写了，如图
  右键选择用浏览器打开，再按照上面步骤中给的手机页面开发链接进行设置，成功截图如下：
  

自此所有步骤完成，搞定！！！