Javascript 如何将meanjs v0.4.2默认应用程序与bootstrap v3.3.7主题集成

Javascript 如何将meanjs v0.4.2默认应用程序与bootstrap v3.3.7主题集成,javascript,twitter-bootstrap,meanjs,Javascript,Twitter Bootstrap,Meanjs,我已经知道如何将PythonFlask和WordPress与Bootstrap集成。我也知道如何使用generator meanjs的yeomon CRUD模块子生成器添加和更改新CRUD模块的行为和视图。然而,我现在被meanjs.org mean stack应用程序生成器生成的文件结构弄得不知所措。我知道与MVC模式相关的一般文件结构和交互。但是我必须如何将生成的默认应用程序与集成。我可以让它以某种方式工作,但我更愿意从一开始就以正确的方式设置它 在全局安装meanjs的所有依赖项(node

我已经知道如何将PythonFlask和WordPress与Bootstrap集成。我也知道如何使用generator meanjs的yeomon CRUD模块子生成器添加和更改新CRUD模块的行为和视图。然而,我现在被meanjs.org mean stack应用程序生成器生成的文件结构弄得不知所措。我知道与MVC模式相关的一般文件结构和交互。但是我必须如何将生成的默认应用程序与集成。我可以让它以某种方式工作,但我更愿意从一开始就以正确的方式设置它

在全局安装meanjs的所有依赖项(nodejs、npm、bower ruby、sass、grunt cli)后,包括带有meanjs骨架的yeamon生成器:

sudo npm install -g yo
sudo npm install -g generator-meanjs
并生成默认应用程序框架:

yo meanjs
使用此CLI菜单选项:

What mean.js version would you like to generate? 0.4.2
In which folder would you like the project to be generated? This can be changed later. (mean)
What would you like to call your application? (MEAN)
How would you describe your application? (Full-Stack JavaScript with MongoDB, Express, AngularJS, and Node.js)
How would you describe your application in comma separated key words? (MongoDB, Express, AngularJS, and Node.js)
What is your company/author name? AUTHOR
Would you like to generate the article example CRUD module? Y
Would you like to generate the chat example module? Y
生成此文件夹结构,其中指出可能与引导相关的文件:

/mean
  /config
    (some folders and files with configurations)
  /modules
    /core
      /client
        /controllers
          header.client.controller.js
          home.client.controller.js
        /css
          core.css
        /views
          (some other html files)
        (some other folders)
      /server
        /controllers
          core.server.controllers.js
          errors.server.controller.js
        /routes
          core.server.routes.js
        /services
          menus.client.service.js
          (another folder and js file)
        /views
          index.server.view.html
          layout.server.view.html
          (some other html files)
        (another js file)
      /tests
        (nested folders /client and /server)
    /users
      (same structure like /core folder)
    (and /articles and /chat which yould not be existend dependent on the cli menu selection)
  /node_modules
    (a lot of node modules)
  /public
    /lib
      /angular-bootstrap
        (some js, json and css files)
      /bootstrap
        (some folders and files)
      (some other angular, jquery and other stuff)
  /scripts
    (shell and js script)
  .bluemix
  .git
(a lot of environment/tool configuration files)
(some javascript files ~ environment/tools)
主题文件夹/文件结构如下所示:

/css
  bootstrap.css (= bootstrap v3.3.7 !?)
  bootstrap.min.css (= bootstrap v3.3.7 !?)
  scrolling-nav.css (theme specfic)
/fonts
  (.eot, .svg, .ttf, woff and .woff2 glyphicons)
/js
  bootstrap.js (= bootstrap v3.3.7 !?)
  bootstrap.min.js (= bootstrap v3.3.7 !?)
  jquery.easing.min.js (= bootstrap v3.3.7 !?)
  jquery.js (= bootstrap v3.3.7 !?)
  scrolling-nav.js (theme specifc)
index.hmtl (theme specific)
(license and readme file)

我不太清楚你所说的将引导程序与Meanjs集成是什么意思,据我所说,它已经集成在默认应用程序中了。如果转到
client.lib.css
client.lib.js
下的
config/assets/default.js
config/assets/production.js
(一个用于开发,另一个用于生产),则会指定引导模块。当应用程序启动时,这些模块加载在注释
下的
模块/core/server/views/layout.server.view.html


如果要升级到最新的引导,只需更改
bower.json
文件中的版本号,然后运行命令
bowerupdate

非常感谢你的回答。它更多的是集成主题,而不是引导本身。我也希望尽可能简化主题的更新。对我来说,关于如何处理theme index.html的问题仍然没有解决。因为html相关的内容分布在/core/server/views/index。html、布局。nodejs中的html和其他一些html文件。如何将特定于主题的html文件与这些nodejs html文件合并?(我希望在更新主题时尽量避免将来的合并。)您可以通过在每个模块中添加自己的css文件来覆盖主题css。在
module/client
中,您可以创建一个名为css的文件夹并将其添加到其中。节点html文件已经与特定于主题的html文件合并。感谢您向我指出“css覆盖”的概念。。。我需要搜索一些教程。