Metronic 与 VS2013/2015 合作开发

标签：

Metronic 与 VS2013/2015 合作开发 

去年购买了一个：METRONIC  （http://www.keenthemes.com/） ，最近下了最新的版本：V3.7 ，解压缩后，目录如下：（没有列出RTL 部分）

- _documentation - Contains of admin and frontend themes general documentation files.

- _resources - Contains of commercially licensed and free stock photos and the theme‘s PSD files.

- theme - Metronic HTML theme‘s main folder(Default version).
     - assets - Contains of theme related files(css, js, images, etc).
         - admin - Contains of admin theme related files(css, js, images, etc).
         - frontend - Contains of admin theme related files(css, js, images, etc).
         - global - Contains of global Metronic framework components, customized 3rd party plugins.
                      All the features under global folder can be used both in frontend theme and admin theme.

     - sass - Contains of SASS(sass-lang.com) files for the admin theme(only the admin default version fully supports SASS).
     - templates - Contains of admin and frontend theme template pages.
        - admin - Contains of admin theme templates pages.
        - frontend - Contains of frontend theme template pages.

     1、建立一个 VS 2013 的解决方案，在方案中，创建一个顶级文件夹（Metronic）,与 Models、Controllers 等平列，将：解压缩的 METRONIC软件 下的 theme 文件夹下的内容 COPY 过来到：文件夹（Metronic）下。 可以只保留有关的管理主题Admin，对 frontend 文件夹（前端主题）可以删除，而且对ADMIN 主题下的四个，可以仅保留一个。

         运行VS，通过游览器本地地址：http://localhost:XXXX/metronic/templates/admin/index.html    HTML 版本；

                     http://localhost:9087/metronic/templates/admin/angularjs/#/dashboard.html        angularjs 版本；

     2、对于 VS2015 ，由于静态文件放置于：WWWROOT 文件夹下，因此在其中创建一个文件夹（Metronic），复制 METRONIC软件下 theme 文件夹下的内容，类似 VS2013 的操作。

          运行VS，同样通过游览器本地地址 http://localhost:XXXX/metronic/templates/admin/index.html  访问 HTML 版本。

     3、本人只关注：angularjs 版本，所以主要考虑

Metronic 与 VS2013/2015 合作开发

标签：

原文地址：http://www.cnblogs.com/hopesun/p/4382976.html