zoukankan      html  css  js  c++  java
  • MEAN组合框架搭建教程

    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:mongodbdatadb 
     
     成功启动mongodb
     (我也试过配置文件,打算用net start mongodb来启动的,不过总是说lock文件错误或总是无法链接,所以就先别瞎搞了,我解决了一上午这事。)
     然后去mean目录下,右键选择git bash
    为了以后可以直接修改文件快速刷新不需要不断重启服务器,所以我们要安装:
    npm -g install supervisor
     
    启动输入: supervisor server.js
     
     localhost:3000  就可以显示这个组合框架的项目了
     
    --------------------------------------------
    由于时间限制,今天就先简单介绍下mean这个框架:
    1,我们平常的css,js,img这些文件路径:
    D:meanpackagessystemserverviewsincludes  这里包含的就是head.html  foot.html,写的都是文件路径
    D:meanpackagessystemserverviewslayouts   这个文件夹里面包含的就是defalut.html,写的就是首页,然后全部都是加载进来。
    这里你就只需要把html5.js换成国内其中一个cdn就行:(换成链接这样会比你放到本地会暂时好点,因为我还没完全理解路径)
    http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js
    程序启动的时候,mean框架会把资源自动压缩成一个文件,然后它会自动引用到,如果你需要自己引用资源也很简单,所以你就不需要像传统那样写路径了。
    D:meanpackagessystempublicassets   这里就是放css,img文件。public中的内容就是Angular的东西
     controller就是控制器的文件,routes就是路由文件,services就是后端服务器文件,views就是html文件,tests是单元测试。
    我这里不需要更改环境变量!
     
    详细的下次再继续公布!
     
     
  • 相关阅读:
    Qt获取程序工作目录或某路径下所有的图片或指定格式的文件
    QGraphicsView Class
    自动白平衡---灰度世界算法
    Gamma校正算法原理及实现
    QWidget,QTableWidget删除(delete)动态添加(new)的子控件释放内存
    [转]【OpenCV】OpenCV中GPU模块使用
    php之trait 个人笔记
    git 本地忽略某些个文件
    bootstrop-datatime参数配置
    mysql 一次性插入上万条数据测试专用
  • 原文地址:https://www.cnblogs.com/windtony/p/4208529.html
Copyright © 2011-2022 走看看