我的前端之旅第一弹--SeaJs基础和spm编译工具运用[图文]

1. 概述

本文章来源于本人在项目的实际应用中写下的记录。因初期在安装和使用Seajs和SPM的时候,有点不知所措的经历。为此，我们编写本文档，通过图文并茂的方式来为大家讲解seajs和spm编译环境的搭建和基本使用方法。

2. 认识SEAJS

seajs是一种前端模块化加载框架,与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题，方便代码的编写和维护。

3. 下载Seajs和spm编译环境

1.首先需要本机安装Nodejs，nodejs也是目前比较流行的技术之一，至于nodejs，有兴趣的可以在www.nodejs.org 官网查看具体API。一般情况下安装好之后,是会默认安装好npm工具的，可以进入本机cmd键入npm -v 查看，正常是话会提示下列版本信息。

 

2.设置全局路径(可选，如不执行此步骤，默认安装会安装在appdata)：我的理解就是这个路径是你通过npm安装之后所以的东西存放的路径。建议安装好之后设置一下npm的全局变量，因为默认是在appdata里面的，可以将全局变量设置成自己想要的位置，具体方法：

首先在本地你安装路径下新建两个文件夹（你想要放下载文件的地方）：

 

在cmd命令：npm config set prefix "D:\Program Files\nodejs\node_global"

以及npm config set cache "D:\Program Files\nodejs\node_cache"

基本上全局路径就配置好了，以后安装的插件和工具都会放在这里面，我试了试 npm install jquery -g(-g 这个参数就是安装在全局);

 

命令执行完成之后，就会在刚刚global/node_modules目录里面自动生成jquery的文件夹和js文件。