AngularJS项目搭建：WebStorm过期策略与第三方库集成

"Angularjs—项目搭建图文教程" 这篇教程主要介绍了如何使用AngularJS进行项目搭建，包括开发环境的设置、项目结构的规划以及第三方库的引入。开发工具选择了WebStorm，并通过一种过期策略来延长试用期。项目的基础框架是AngularJS的seed项目，它提供了一个基本的Angular应用模板，方便开发者快速开始。 1. **WebStorm的过期策略**： 在安装WebStorm后，不立即启动，而是将系统日期设置在未来，例如2020年，然后打开WebStorm以获得试用。尽管每次打开时会出现过期提示，但点击“OK”后仍可正常使用。这是一个临时解决试用期问题的方法。 2. **项目结构**： - `.bowerrc`配置文件中，设置`directory`为`app/lib`，这意味着下载的第三方库将被放在`app`目录下的`lib`目录中。 - `app`目录中的视图（views）被拆分成不同的子目录，以实现更好的组织和管理。 3. **第三方库的引入**： 使用`bower install --save`命令来安装所需的库。教程中提到了以下几个库： - `angular-local-storage`：用于本地存储，如果浏览器不支持localStorage，则会自动切换到cookie。 - `angular-summernote`：一个简单的富文本编辑器，易于集成，并需要在`app.js`中注册“summernote”指令。 - `angular-base64`和`angular-md5`：提供加密和解密功能。 - `bootstrap`：用于样式设计。 - `bootstrap-fileinput`：一个图片上传组件，支持预览功能。 4. **构建配置**： 使用FIS（Fast Interaction for Server）作为构建工具，配置`fis-config.js`以包含所有文件，排除特定目录，如`/lib/.*\/src/`，并设置postpackager为'simple'。同时定义了两个打包文件： - `js/application.js`：包含了AngularJS的核心库、路由模块、jQuery以及应用相关的JavaScript文件。 - `css/application.css`：打包所有的CSS资源。 通过以上步骤，教程提供了从零开始搭建一个AngularJS项目的详细过程，涵盖了开发环境准备、项目结构设计、依赖库管理以及构建配置等方面，适合初学者和有一定经验的开发者参考学习。