AngularJs与EasyUI的结合使用（一）————环境的搭建

因为最近在做 node.Js AngularJs 在项目编写过程中遇到了一些问题。

由于想用 EasyUi 中的 numberspinner (数字微调数字微调器 EasyUi 的 model

这导致了一系列的问题。我将分为几篇文章来分享解决问题的经验。

首先，本文将解释我的项目环境和环境的配置方法。开发工具使用 jetbrains 公司制作的 Webstorm，工程为 node ，前端应用 AngularJs、HTML、CSS。后端应用 node.Js。

我们先安装 AngularJs 的模块和 EasyUi 模块(此步骤为后端 node 如果没有应用，可以不安装)

npm install AngularJs --save

npm install ng-easyui --save

然后，我们上 EasyUi 官载前端使用的官网 EasyUi 插件。在 AngularJs 下载中文网 AngularJs 的插件（官网太卡了）。

EasyUi官网链接：http://www.jeasyui.com/download/v155.php

AngularJs中文网链接：http://www.angularjs.net.cn/download/

下载后，整个项目都可以放在你的项目上，注意路径，然后引用(不要放在后台，这样前台找不到路径会给你404，node 我把它放在项目上 public 路径下的 plugins 下来，我自己建的，改了个名字 ng-easyui）

接下来，导入 EasyUi 的 CSS 款式，在你的 CSS 文件中(如果没有，直接在文件中( HTML 只需在文件中导入)，添加以下代码

@import '../plugins/ng-easyui/themes/material/easyui.css' @import '../plugins/ng-easyui/themes/angular.css' @import '../plugins/ng-easyui/themes/icon.css'

写在文件的前面。

我们需要的 Js 有三个文件。请注意，其中 jquery.easyui.min.js 和 jquery.min.js 都在 ng-easyui 下

页面上导入 JavaScript 文件可以，三个，注意！必须按以下顺序导入，包括 AngularJs 位置可以随意（src请忽略内容，你喜欢放在哪里，在哪里引用)

<script src="../JS/jquery.min.js" type="text/javascript" charset="utf8"></script>     <script src="../JS/jquery.easyui.min.js" type="text/javascript" charset="utf8"></script>     <script src="../plugins/Angular/Angular.js" type="text/javascript" charset="utf8"></script>

你可以理解为什么要按顺序引用。 JavaScript 页面加载时的加载方式。如果你什么都不懂，你也可以在下面的留言处给我留言。如果老板们认为我写的东西有问题，我希望他们能帮助我指出，我们可以一起学习，一起进步。

在这里，我们完成了所需的编程环境。

stay hungry! stay foolish!