bootstrap 第一天實驗

1.網頁為MVC架構,前端主要為html，javascrip，css三者所構成。
   框架的跟目錄為 \partjs-master\public
   例如:include css檔放在 <link href="/index.css" rel="stylesheet">
   其中index.css所在的目錄為\partjs-master\public\index.css

2.自動更新網頁的工具gulp

• 安裝gulp: npm -g i gulp
• 編輯gulpfile.js   在gulp.task('serve', function () 加入

           browserSync.init(null, {

                  server: {

                        baseDir: ['app', '.tmp']

                   },

                  notify: false

          });

         gulp.watch(['public/index.cssl'], reload); 

• 執行 gulp serve 

3.minify

• 方法一 grunt build
• 方法二 修改Gruntfile.js

           uglify: {

                     less: {

                              views: {

                                         files: [{

                                                 expand: true,

                                                 cwd: 'public/',

                                                 src: ['*.css'],

                                                 dest: 'public/',

                                                 ext: '.min.css'

                                         }

                              }   

                     }             

           }

         

         執行grunt less:views

4.jade jade file可編譯成html語法上用縮排來代表巢狀結構

   找到routes.js檔找到//partjs boilerplate
   參考 app.get('/dashboard',requirre(./views/index').dashboard);

   由此可知道在views底下有一個index.jade檔將他打開來後在檔案的頭有一行

   extend layouts/default 然後去views/layouts
   底下找到default.jade就可以找到相對應的jade檔案設定再根據裡面的設定去修改他。