1,我们先走在官方github里面下载个包文件:

git clone https://github.com/linnovate/mean.git  (是慢了点)

2,我把这个文件解压后文件名叫mean,大家注意下我的路径:

同样是解压,只是解压方式不一样!

3,你去下载git软件,百度“git 1.9.4下载”,这样就可以了。

4,你在mean文件夹里面,右键选择“git bash”来进行编译。

5,安装依赖:npm install 之后会出现这样的错误提示:

这个你就不用担心了,直接进行下一步操作。

6,先修改bower.json文件,把这些文件改成你想要的版本(注意:不要使用非正式版的,因为只有正式版才是1.2.3这样子)

例如:

{
"name": "mean",
"dependencies": {
"jquery": "2.1.3",
"angular": "1.3.9",
"angular-resource": "1.3.9",
"angular-cookies": "1.3.9",
"angular-mocks": "1.3.9",
"angular-route": "1.3.9",
"bootstrap": "3.3.2",
"angular-bootstrap": "0.12.0",
"angular-ui-router": "#master",
"web-bootstrap": "./node_modules/meanio/resources/web-bootstrap.js"
}
}

bower update  这里下载的都是那些相应的文件:css,js等。

7,稍微介绍下mongodb的安装启动:

去MongoDB官网下载zip或msi文件,我这里以zip为主吧:

  (1),建立1个文件夹data,然后在里面再建立2个文件夹db,log 
  (2),在log里面再建立一个MongoDB.log(建个txt的文件然后改成这个就行) 
 在e盘的mongodb/bin文件夹下  (什么盘你自己选择)
输入:mongod -dbpath e:\mongodb\data\db 
 
 成功启动mongodb
 (我也试过配置文件,打算用net start mongodb来启动的,不过总是说lock文件错误或总是无法链接,所以就先别瞎搞了,我解决了一上午这事。)
 然后去mean目录下,右键选择git bash
为了以后可以直接修改文件快速刷新不需要不断重启服务器,所以我们要安装:
npm -g install supervisor
 
启动输入: supervisor server.js
 
 localhost:3000  就可以显示这个组合框架的项目了
 
--------------------------------------------
由于时间限制,今天就先简单介绍下mean这个框架:
1,我们平常的css,js,img这些文件路径:
D:\mean\packages\system\server\views\includes  这里包含的就是head.html  foot.html,写的都是文件路径
D:\mean\packages\system\server\views\layouts   这个文件夹里面包含的就是defalut.html,写的就是首页,然后全部都是加载进来。
这里你就只需要把html5.js换成国内其中一个cdn就行:(换成链接这样会比你放到本地会暂时好点,因为我还没完全理解路径)
http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js
程序启动的时候,mean框架会把资源自动压缩成一个文件,然后它会自动引用到,如果你需要自己引用资源也很简单,所以你就不需要像传统那样写路径了。
D:\mean\packages\system\public\assets   这里就是放css,img文件。public中的内容就是Angular的东西
 controller就是控制器的文件,routes就是路由文件,services就是后端服务器文件,views就是html文件,tests是单元测试。
我这里不需要更改环境变量!
 
详细的下次再继续公布!
 
 

MEAN组合框架搭建教程的更多相关文章

  1. SSM框架搭建教程(从零开始,图文结合)

    1.准备 IntelliJ IDEA Tomcat JDK Maven mysql spring.springmvc.mybatis 了解 现在假设如上条件你都具备,那么通过我这篇博客 你一定可以整合 ...

  2. 简单的SSM框架搭建教程

    简单的ssm框架的搭建和配置文件 ssm框架里边的配置: 1.src路径下直接存放数据库和log4j的properties文件 2.src路径下建个config包,分别放置ssm的xml文件 3.修改 ...

  3. Spring4 mvc+maven 框架搭建(1)

    这篇博客其实很早就应该写,早在半年前,因为对SpringMVC感兴趣,便自学了一下Spring.一段时间的学习后,对Spring有了一个基本的了解,于是想着自己动手搭建一个SpringMvc的框架出来 ...

  4. 转 SSH框架搭建详细图文教程

    原址:http://blog.sina.com.cn/s/blog_a6a6b3cd01017c57.html 什么是SSH? SSH对应 struts spring hibernatestruts ...

  5. SSH框架搭建详细图文教程(转)

    这篇文章看的我醍醐灌顶的感觉,比之前本科时候学习的SSH架构 要清晰数倍  非常感觉这篇博主的文章 文章链接为:http://blog.sina.com.cn/s/blog_a6a6b3cd01017 ...

  6. 一步一步使用ABP框架搭建正式项目系列教程之本地化详解

    返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 本篇目录 扯扯本地化 ABP中的本地化 小结 扯扯本地化 本节来说说本地化,也有叫国际化.全球化的,不管怎么个叫法,反正道理都是一 ...

  7. ABP框架搭建项目系列教程基础版完结篇

    返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 经过前面十二篇的基础教程,现在终于该做个总结了. 回顾 第一篇,我们建议新手朋友们先通过ABP官网的启动模板生成解决方案,因为这样 ...

  8. Spring+SpringMvc+Mybatis框架集成搭建教程

    一.背景 最近有很多同学由于没有过SSM(Spring+SpringMvc+Mybatis , 以下简称SSM)框架的搭建的经历,所以在自己搭建SSM框架集成的时候,出现了这样或者那样的问题,很是苦恼 ...

  9. SSH框架搭建 详细图文教程

    转载请标明原文地址 一.什么是SSH? SSH是JavaEE中三种框架(Struts+Spring+Hibernate)的集成框架,是目前比较流行的一种Java Web开源框架. SSH主要用于Jav ...

随机推荐

  1. 修改ftp端口为50021

    1. 配置 2. 增加防火墙规则 netsh firewall set portopening tcp 50021 ftp-50021 enable 3. 重启服务 net stop FileZill ...

  2. struts2 CVE-2010-1870 S2-005 XWork ParameterInterceptors bypass allows remote command execution

    catalog . Description . Effected Scope . Exploit Analysis . Principle Of Vulnerability . Patch Fix 1 ...

  3. DedeCMS顽固木马后门专杀工具V2.0实现方式研究

    catalog . 安装及使用方式 . 检查DEDECMS是否为最新版本 . 检查默认安装(install)目录是否存在 . 检查默认后台目录(dede)是否存在 . 检查DedeCMS会员中心是否关 ...

  4. Linux Dynamic Shared Library && LD Linker

    目录 . 动态链接的意义 . 地址无关代码: PIC . 延迟版定(PLT Procedure Linkage Table) . 动态链接相关结构 . 动态链接的步骤和实现 . Linux动态链接器实 ...

  5. CSS--结构和层叠

    选择器的特殊性 特殊性值表述为4个部分,如0,0,0,0.具体特殊性如下所示: 举例说明一下: 通配符选择器的特殊性 通配符选择器其特殊性为0,0,0,0 !important重要性 大家都知道内联样 ...

  6. JS-制作网页特效——选项卡效果(水平,点击)

    //总结:这个样式的思维很重要,以前刚开始做,想的都是,怎么获取到自己点击的是哪一个li,然后给他以对应的div样式.后来发现难点是,怎么找到另外两个没有被点击的li和他们对应的div.把他们的样式去 ...

  7. 10月16日上午MySQL数据库作业设计表解析

    作业设计表:多张表存储学生成绩及各种信息 需要从表里面体现: 关于学生的:代号 姓名 性别 年龄 班级 关于课程的:代号 名称 关于老师的:代号 姓名 关于成绩的:例如:闫超--网页--90 要能查看 ...

  8. ubuntu下怎么解决python "Non-ASCII character"错误

    解决方法:源代码文件第一行添加:#coding:utf-8 参考:  http://jingyan.baidu.com/album/219f4bf7d04887de442d3899.html?pici ...

  9. JSON FX

    https://github.com/mckamey/jsonfx-v1#svn/trunk/JsonFx/JsonFx.Json

  10. 天猫装修-全屏代码,和去掉10px

    淘宝装修,不支持float,和position属性 全屏代码 <div style="height:685px;"> <div style="paddi ...